今天在开发过程中偶然返现这个小问题:watch监听父组件传过来的值并给el-input赋值 之后发现无法修改input得值 需要在input里添加 @input="change($event)"
<el-input v-model="condition.name" @input="change($event)" size="small" clearable></el-input>
watch里赋值
chemicalName: {
handler (value) {
this.condition.name = value
this.onSearch()
},
deep: true
}
然后在methods里写上以下方法就ok了
change () {
this.$forceUpdate()
},

本文介绍了在Vue开发中遇到的一个问题:使用watch监听并更新父组件的值给el-input赋值后,需要额外添加@input事件才能编辑输入框。通过$forceUpdate()方法解决了这一问题,详细步骤和相关解决方案提供给开发者参考。

5625

被折叠的 条评论
为什么被折叠?



