vue2.0中set添加属性后视图不能更新的解决办法


Posted in Javascript onFebruary 22, 2019

今天在工作中遇到一个问题,郁闷了很久,特地写一篇博客记录一下,方便以后再遇到可以查找,也分享个各位小伙伴,在网上查找很多资料说用Vue.$set设置属性后视图也会更新,但是真相并不是这样,通过等于号赋值和$set方法我都试了,前台属性值改变但是视图并没有改变,下面上图:

vue2.0中set添加属性后视图不能更新的解决办法

我需要做的就是下面的Email和Fax属性的值从第一排的输入框用户输入获取,但是输入过后下面的文本框的值并为发生变化,在浏览器console却发现值已经改变了,这让我很郁闷,网上搜了一堆答案都没有解决,后面查看vue官网有个delete方法,如果我先把这个属性delete再重新set是否可以,如图:

vue2.0中set添加属性后视图不能更新的解决办法

图1.第一排控件的代码

vue2.0中set添加属性后视图不能更新的解决办法

 图2.第一排控件方法代码

vue2.0中set添加属性后视图不能更新的解决办法

图3.最终解决代码

好啦 今天就写到这 希望能帮到你们 博客仅为日常学习和交流使用 如有不正确的地方 请指正

以上就是相关的解决办法总结,感谢大家对三水点靠木的支持。

Javascript 相关文章推荐
Ext JS Grid在IE6 下宽度的问题解决方法
Feb 15 Javascript
js切换div css注意的细节
Dec 10 Javascript
js实现网站首页图片滚动显示
Feb 04 Javascript
jquery隐藏标签和显示标签的实例
Nov 11 Javascript
xmlhttp缓存清除的2种解决方法
Dec 13 Javascript
一个奇葩的最短的 IE 版本判断JS脚本
May 28 Javascript
原生JS中slice()方法和splice()区别
Mar 06 Javascript
bootstrap table 多选框分页保留示例代码
Mar 08 Javascript
JavaScript实现计数器基础方法
Oct 10 Javascript
vue2.0+koa2+mongodb实现注册登录
Apr 10 Javascript
浅谈PDF.js使用心得
Jun 07 Javascript
原生JS实现音乐播放器
Jan 26 Javascript
浅谈Node框架接入ELK实践总结
Feb 22 #Javascript
vue工程全局设置ajax的等待动效的方法
Feb 22 #Javascript
JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】
Feb 22 #Javascript
详解基于iview-ui的导航栏路径(面包屑)配置
Feb 22 #Javascript
JavaScript数据结构与算法之检索算法实例分析【顺序查找、最大最小值、自组织查询】
Feb 22 #Javascript
Fundebug支持监控微信小程序HTTP请求错误的方法
Feb 21 #Javascript
用Fundebug插件记录网络请求异常的方法
Feb 21 #Javascript
You might like
PHP 显示客户端IP与服务器IP的代码
2010/10/12 PHP
分享下页面关键字抓取components.arrow.com站点代码
2014/01/30 PHP
PHP实现远程下载文件到本地
2015/05/17 PHP
thinkPHP5.0框架自动加载机制分析
2017/03/18 PHP
php-fpm开启状态统计的方法详解
2017/06/23 PHP
超轻量级的基于jquery的三级展开列表
2011/04/26 Javascript
jQuery瀑布流插件Wookmark使用实例
2014/04/02 Javascript
jQuery中change事件用法实例
2014/12/26 Javascript
JavaScript事件委托技术实例分析
2015/02/06 Javascript
jQuery的bind()方法使用详解
2015/07/15 Javascript
浅析node连接数据库(express+mysql)
2015/11/30 Javascript
javascript实现无缝上下滚动特效
2015/12/16 Javascript
JS 终止执行的实现方法
2016/11/24 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
2017/03/09 Javascript
JS检测数组类型的方法小结
2017/03/14 Javascript
原生javascript实现的全屏滚动功能示例
2017/09/19 Javascript
AngularJS上传文件的示例代码
2018/11/10 Javascript
微信小程序云开发如何使用npm安装依赖
2019/05/18 Javascript
详解wepy开发小程序踩过的坑(小结)
2019/05/22 Javascript
python命令行参数解析OptionParser类用法实例
2014/10/09 Python
在Python 2.7即将停止支持时,我们为你带来了一份python 3.x迁移指南
2018/01/30 Python
python实现指定字符串补全空格、前面填充0的方法
2018/11/16 Python
迪梵英国官方网站:Darphin英国
2017/12/06 全球购物
外语系毕业生自荐信范文
2013/12/16 职场文书
给领导的致歉信范文
2014/01/13 职场文书
优秀老师事迹材料
2014/02/05 职场文书
经典促销广告词大全
2014/03/19 职场文书
环保倡议书怎么写
2014/05/16 职场文书
环境卫生倡议书
2014/08/29 职场文书
2014年销售内勤工作总结
2014/12/01 职场文书
放弃遗产继承公证书
2015/01/26 职场文书
于丹论语心得观后感
2015/06/15 职场文书
商场广播稿范文
2015/08/19 职场文书
导游词之神仙居景区
2019/11/15 职场文书
导游词之无锡梅园
2019/11/28 职场文书
SQL实现LeetCode(178.分数排行)
2021/08/04 MySQL