vue2 el-select赋值无效(无法选中)

背景:点击添加明细时,el-table会新增一条数据,其中,存货原申购用途 会根据 费用承担事业部 下拉框的值改变而改变,所以每次费用承担事业部发生变化时,都需要清空存货原申购用途的值

最开始是直接这样写的:

this.adjustmentDetailList[scope.index].applyPurposeType = ''

但是这样做会导致存货原申购用途无法重新选择

解决方案:

因为adjustmentDetailList中的数据是通过点击添加明细按钮动态添加进去的,里面的数据并不和adjustmentDetailList直接绑定,所以赋值无效

this.$set(this.adjustmentDetailList[scope.index], 'applyPurposeType', '')

使用$set方法,使得该对象为响应式对象,便可解决!!!

猜你喜欢

转载自blog.csdn.net/qq_45600228/article/details/143209141