vue+element 动态设置select禁用选项

现在有一个select选择器A，当里面的选项为一个特定选项时，此时选择器B为可选状态，否则就是禁用状态。

首先官网告诉我们，可以通过设置disabled属性来实现。

具体看一下代码：

//选择器A
          <el-select
            v-model="listQuery.orderType"
            filterable
            placeholder="选择器A"
            @change="handleChangeCommodityType"
          >
            <el-option label="AAA" value="R" />
            ....
          </el-select>
//选择器B
          <el-select
           :disabled="isDisabled"
            v-model="listQuery.prescriptionStatus"
            filterable
            placeholder="选择器B"
          >
            <el-option label="aaa" value="0" />
            <el-option label="bbb" value="1" />
            <el-option label="ccc" value="2" />
          </el-select>
//JS
methods:{
    handleChangeCommodityType(){
        this.listQuery.orderType==='R'?this.isDisabled=false:this.isDisabled=true//初始状态}
}

主要是要注意，如果要动态修改element中的属性，一定要加上：，不然没法动态设置的