element 使用el-select组件的时候再重置不能选中问题解决

在使用el-select组件的时候,查询完成以后再进行重置后,发现不能再选择上了,这个使用怎么办? 

 解决方法:

         <el-select
            v-model="queryParams.approvalState"
            placeholder="审核状态"
            clearable
            @change="selectChangeMethod" // 使用 @change方法
          >
            <el-option
              v-for="dict in dict.type.apply_examine_state"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            />
          </el-select>


      selectChangeMethod() {
         this.$forceUpdate(); // 直接使用this.$forceUpdate();方法
       },

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当然,我很乐意回答这个问题。下面是一个简单的示例代码,展示如何使用vue和element-ui将el-select连接起来,呈现树状选择效果: ``` <template> <div> <el-select v-model="selectedItem1" placeholder="请选择" @change="handleChange1"> <el-option v-for="item in optionList1" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> <el-select v-model="selectedItem2" placeholder="请选择" @change="handleChange2"> <el-option v-for="item in optionList2" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </div> </template> <script> export default { data() { return { selectedItem1: '', selectedItem2: '', optionList1: [ { label: '选项1', value: '1' }, { label: '选项2', value: '2' }, { label: '选项3', value: '3' } ], optionList2: [] } }, methods: { handleChange1(selectedItem1) { // 根据选中的第一项来更新第二项的选项列表 if (selectedItem1 === '1') { this.optionList2 = [ { label: 'A', value: 'A' }, { label: 'B', value: 'B' }, { label: 'C', value: 'C' } ] } else if (selectedItem1 === '2') { this.optionList2 = [ { label: 'X', value: 'X' }, { label: 'Y', value: 'Y' }, { label: 'Z', value: 'Z' } ] } else { this.optionList2 = [] } // 重置第二项的选择 this.selectedItem2 = '' }, handleChange2(selectedItem2) { // 在这里处理第二项选择的逻辑 console.log('选中了', selectedItem2) } } } </script> ``` 以上代码中,我们定义了两个el-select组件,通过v-model分别绑定了selectedItem1和selectedItem2两个数据属性,可以根据用户选择的第一项来动态更新第二项的选项列表,并在第二项选择发生变化时进行处理。在实际项目中,我们也可以通过递归组件等方式来实现更为复杂的树状选择效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值