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

迈不过友情╰ 2021-12-18 21:04 674阅读 0赞

![限制图中输入框最大数量为1000][1000]  
上图中的数据列表为：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实例重新渲染−−》不好使2。this.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)  
\})  
//嗯，解决了

[1000]: /images/20211219/c291c37191444b7793a9301afd9b7a81.png

发表评论取消回复

表情：

评论列表（有 0 条评论，674人围观）

还没有评论，来说两句吧...

相关阅读

相关 MySQL视图设计不当引发的问题与解决方案

在MySQL中，视图是一种虚拟的表，它是基于已经存在的表（基础表）进行筛选、计算后的结果。但是，如果设计不当，视图可能会引发以下问题： 1. 数据不一致：由于视图是基于基础表

「爱情、让人受尽委屈。」/ 2025年01月08日 14:42/ 0 赞/ 5 阅读

相关 ReactNative SectionList state更新,视图不更新的问题

<SectionList renderSectionHeader={this._sectionComp} ...

一时失言乱红尘/ 2024年04月17日 06:02/ 0 赞/ 83 阅读

相关 Vue数据更新视图不更新

Vue数据更新视图不更新这里写自定义目录标题知识拓展数组数据变动，使用某些方法操作数组，变动数据时，有些方法无法被vue监测

阳光穿透心脏的1/2处/ 2022年12月20日 08:49/ 0 赞/ 213 阅读

相关数据库---那些不允许更新的视图

1.若视图是由两个以上基本表导出的，则此视图不允许更新 2.若视图的字段来自字段表达式或常数，则不允许对此视图执行INSERT和UPDATE操作，但允许执行DELETE 3

太过爱你忘了你带给我的痛/ 2022年08月21日 14:39/ 0 赞/ 244 阅读

相关 SQL解决视图问题

好不容易在安装中解决了字符集问题，然而在练习视图这一部分时发现只要牵扯上文字，就会出错！！mmmm，希望下一代SQL能彻底解决这个问题!!!废话不多说，直接看问题： ![在

女爷i/ 2022年04月17日 05:57/ 0 赞/ 208 阅读

相关解决el-input视图不更新的问题！！！

![限制图中输入框最大数量为1000][1000] 上图中的数据列表为：this.makeCardDData.list this.makeCardDData.list

迈不过友情╰/ 2021年12月18日 21:04/ 0 赞/ 675 阅读

相关解决vue视图不渲染

动态添加对象属性 //声明 var travelMainVueObj; travelMainVueObj = new Vue({

阳光穿透心脏的1/2处/ 2021年12月05日 04:37/ 0 赞/ 368 阅读

相关 vue-数组或对象更新了，但视图不更新的解决方案

大多时候我们习惯直接给对象的属性赋值，如： data() { // data数据 return { arr: [1

柔光的暖阳◎/ 2021年10月30日 01:32/ 0 赞/ 713 阅读

相关解决vue修改数据绑定的视图不能动态更新的问题

在写项目的时候遇见一个问题，修改vue v-bind或v-model绑定的数据时，视图不能更新这就感觉很无语了。。。。当时在写一个弹窗，弹窗的数据更新后不能更新视图，需要重

雨点打透心脏的1/2处/ 2021年09月25日 00:06/ 0 赞/ 468 阅读

相关解决数组，对象更新但vue视图不更新

> 由于 JavaScript 的限制，Vue 不能检测数组和对象的变化。尽管如此我们还是有一些办法来回避这些限制并保证它们的响应性。一：检测变化注意 1.1 对于

﹏ヽ暗。殇╰゛Y/ 2021年09月04日 08:39/ 0 赞/ 535 阅读