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();
  }

 

来源：https://www.cnblogs.com/home-/p/11672193.html