iview的Modal在提交表單時確認按鈕loading狀態衝突問題解決方案

需求
完成彈窗提交表格功能,在使用iview框架的modal組件時,遇到以下圖問題,點擊modal頁腳的確認按鈕提交表單,表單教驗沒經過,不關閉表單但底部確認按鈕仍是現實loading狀態。框架

確認按鈕點擊事件
      addModalOk(name) {
        this.$refs[name].validate((valid) => {
          if (valid) {
            this.$Message.success('Success!');
            this.addModal = false;//關閉表單
          } else {
            this.$Message.error('Fail!');
            //主要代碼
             this.loading = false;
             this.$nextTick(() => {
               this.loading = true;
             });
              //主要代碼
          }
        })
      },
 iview

相關文章
相關標籤/搜索