> 文章列表 > 关于el-input-number 计数器 只能点击一次,之后点击没有效果

关于el-input-number 计数器 只能点击一次,之后点击没有效果

关于el-input-number 计数器 只能点击一次,之后点击没有效果

哈喽 大家好啊,今天使用计数器发现,点击一次了后就显示不了了

这里怎么点击都点击不了,只能点击一次

然后我发现我代码是这样写的: 

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博客