avue行编辑el-select选择数据后未回写问题

本文介绍了在使用avue框架时遇到el-select组件行编辑无法回写选中值的问题。通过排查发现v-model绑定值已变化,但vue未监听到更新。尝试使用this.$set()和change事件更新均无效。最终解决方案是在el-select模板中添加slot-scope,以正确刷新显示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

排查问题发现v-model绑定值是变化的,刷新页面下次点击编辑可以回写上次选中的内容,说明只是vue没有监听到其变化,未刷新导致

1 常用解决方法:
使用vue中带的this.$set()方法去更新内容,发现仍然不可以

2 使用change方法手动更新表单内容,发现也不能

部分代码:
HTML:

<el-select v-model=“otherForm.departHour” placeholder=“请选择发车时段” @change=“val => onDepartHourChange(val, otherForm, row, index)”>


JS:
data() {
return {
dicts: {
departHour: [] // 发车时段
},
otherForm: {
classPlanId: null, // 行发车时段绑定的id,其表示当前的发车时段
departHour: ‘’ // 用于做数据回写label
}
}
},
onDepartHourChange(val, form) {
this. s e t ( f

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值