elementui根据条件禁用el-input

实现条件禁用el-input可以使用elementui提供的disabled属性。根据条件判断，在el-input组件上动态绑定disabled属性的值。

首先，在vue组件中定义一个变量来保存条件判断结果，比如isDisabled。然后在el-input组件上使用v-bind指令，将disabled属性绑定到isDisabled变量。

示例代码如下：

<el-input v-bind:disabled="isDisabled"></el-input>

然后，在需要根据条件禁用el-input的地方，通过修改isDisabled变量的值来控制禁用状态。

比如，如果希望根据一个开关来控制禁用状态，可以定义一个开关变量，比如isSwitchOn。然后在方法中根据开关状态修改isDisabled的值。

示例代码如下：

data() {
  return {
    isDisabled: false, // 默认不禁用
    isSwitchOn: false, // 开关变量，控制禁用状态
  }
},
methods: {
  toggleSwitch() {
    this.isSwitchOn = !this.isSwitchOn;
    this.isDisabled = this.isSwitchOn;
  }
}

在toggleSwitch方法中，当开关状态改变时，将isSwitchOn的值赋给isDisabled，这样el-input的disabled属性就会根据开关状态动态变化。

需要注意的是，根据条件禁用el-input时，需要将isDisabled值更新到组件中，以确保渲染时正确地应用禁用状态。

以上就是elementui根据条件禁用el-input的实现方法。