element ui select multiple 多选数据修改回显失灵问题的解决

在Vue.js应用中,当使用el-select组件并遇到多选更新不及时的问题时,可以通过在change事件中调用this.$forceUpdate()强制重新渲染来解决。文章提供了一个示例代码片段,展示了如何在el-form-item中的多选el-select使用v-model和change事件来确保数据变化时界面同步。
摘要由CSDN通过智能技术生成

使用change方法,this.$forceUpdate() 重新渲染

 <el-form-item label="岗位">
     <el-select v-model="form.postIds" multiple placeholder="请选择" @change="change()">
           <el-option
               v-for="item in postOptions"
               :key="item.postId"
               :label="item.postName"
               :value="item.postId"
               :disabled="item.status == 1"
           ></el-option>
       </el-select>
   </el-form-item>
methods: {
 		change(){
        	this.$forceUpdate()
      	},

即可解决

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值