elementUI按鈕動態添加禁用

這一年大方又簡單，你的離開讓我現在很心安

按鈕是否禁用通過 disabled 並且這次用了連等 disabled值為布爾

頁面加載提交按鈕禁用，輸入框失焦並且里面有內容提交按鈕可以使用輸入框為空還是禁用

 

按鈕綁定disabled並判斷
<el-button type="primary" :disabled="(btnBoolean == btnStatus)== 1 ? true : false">提交</el-button>

data中設置布爾以及判斷條件
btnBoolean: Boolean, btnStatus: -1,

頁面加載輸入框肯定是空的所以按鈕禁用在create中設置
if (!this.business[0].formInline.user) { //判斷輸入框是否為空
      this.btnBoolean = -1;
    }

輸入框響應事件
<el-input v-model="item.formInline.user" @input="inputBlur"></el-input>
輸入框發生變化時改變禁用狀態
inputBlur() {
      if (this.business[0].formInline.user) {
        this.btnBoolean = 1;
      } else {
        this.btnBoolean = -1;
      }
    }
 mounted() {
    this.inputBlur();
  }