现在有一个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中的属性,一定要加上:,不然没法动态设置的

Logo

前往低代码交流专区

更多推荐