el-input动态控制disable

el-input是一个基于Element UI框架封装的输入框组件。使用el-input时，有时需要动态控制输入框是否可用，即是否禁用（disable）。关于动态控制disable，可以采用以下几种方式实现。

1. 使用v-bind指令动态绑定disable属性值。通过v-bind将一个变量绑定到disable属性上，当这个变量的值发生改变时，disable属性也会随之变化，从而实现动态控制disable的目的。例如：

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

其中，isDisabled是一个data里的变量，当isDisabled为true时，输入框变为不可用状态，为false时，则可以编辑。

2. 使用动态属性绑定方式。可以直接在组件上使用动态属性绑定方式来控制输入框是否可用。例如：

<el-input :disabled="false" :disabled="isDisabled"></el-input>

以上示例中，通过给el-input组件添加两个不同的动态绑定属性，第一个属性（:disabled="false"）是输入框的默认状态，为可用状态；第二个属性（:disabled="isDisabled"）是根据isDisabled的值来确定输入框的禁用状态。

3. 使用ref属性结合代码控制输入框disable状态。可以使用ref来获取到el-input实例，并通过实例直接控制输入框的disable状态。例如：

<el-input ref="input"></el-input>

在代码中，通过this.$refs.input即可获取到输入框的实例，然后通过设置this.$refs.input.disabled来动态修改输入框disable状态。

综上所述，以上三种方式均可实现el-input动态控制disable的功能。具体选择哪种方式，可根据实际场景及需求进行选用。