解决el-input视图不更新的问题!!!

解决el-input视图不更新的问题!!!_第1张图片
上图中的数据列表为:this.makeCardDData.list
this.makeCardDData.list =
[{amountTit: “50元面值”, count: 0},
{amountTit: “100元面值”, count: 0},
{amountTit: “200元面值”, count: 0},
{amountTit: “500元面值”, count: 0},
{amountTit: “1000元面值”, count: 0},
{amountTit: “2000元面值”, count: 0},
{amountTit: “5000元面值”, count: 0},
{amountTit: “10000元面值”, count: 0}]

当我要更改上面某一数值的时候,第一次生效,第二次以后就不生效了,又是试图不更新,所以,老办法试一下:
1。this. f o r c e U p d a t e ( ) / / 迫 使 V u e 实 例 重 新 渲 染 − − 》 不 好 使 2 。 t h i s . forceUpdate() //迫使 Vue 实例重新渲染 --》不好使 2。this. forceUpdate()//使Vue使2this.set( this.makeCardDData.list[index],‘count’,1000) —》不好使

没得办法了:我觉得他试图不更新吧,就是没检测到,把表单重新渲染一下应该就可以了
于是:
深拷贝表单对象
this.makeCardDDataListCopy = Object.assign({},this.makeCardDData.list)
清空表单
this.makeCardDData.list = []
给表单重新赋值
this.$nextTick(()=>{
this.makeCardDData.list = Object.assign({},this.makeCardDDataListCopy)
})
//嗯,解决了

你可能感兴趣的:(elementui,vue,js)