哈喽 大家好啊,今天使用计数器发现,点击一次了后就显示不了了
这里怎么点击都点击不了,只能点击一次
然后我发现我代码是这样写的:
gitem是一个对象
gitem.saleNum = gitem.reduceQuantity || 1;// 剩余可以编辑的数量
因为我这里是直接赋值的 会涉及到dom更新
然后我猜想是这样
我就用this.$set就好了
this.$set(gitem,'saleNum',reduceQuantity)// 剩余可以编辑的数量
原因:我们直接采用了空对象初始化的形式来初始化对象,这样对象中的字段在赋值的时候是不存在响应式的
通过this.$set()的方式来将对象进行响应式赋值
第一个参数是被赋值对象的外层,也就是对象,
第二个参数是被赋值对象的属性字段
第三个参数是赋值的字段
demo 公式
this.dataForm.docnum => this.$set(this.dataForm,'doctype',val);
就可以实现可以编辑了
参考原文:
关于el-select初始化赋值切换不了以及对应el-input输入框输入不了的问题_呆呆加油呀的博客-CSDN博客