VUE+IVIEW相关问题(一)：model框问题

本人是个JAVA开发，对于VUE仅限了解，今天在做一个后台界面的时候使用到iview的model框，记录下

 
      

        
            
        
        
            
                男
                女
            
        
        
            
        
    
    

首先第一个问题，不希望model框随便被关闭，设置

mask-closable=false

第二个问题：希望model框居中显示

增加样式

class-name="vertical-center-modal"

样式代码如下：

第三个问题：避免重复点击

增加loading

:loading="addLoading"

但是这样点击一次之后时无法恢复的，所以需要另外处理，处理代码如下

            saveSubmit(o){
                console.log(o)
                saveUser(this.userInfo).then((res) => {
                   console.log(res)
                }).catch((error) => {
                   this.$Message.error(error.response.data.message);
                   //失败关系
                   this.addLoading = false;
                   this.$nextTick(() => {
                     //下一次点击开启
                     this.addLoading = true;
                   });
                });
            },