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 相关文章推荐
Javascript select下拉框操作常用方法
Nov 09 Javascript
appendChild() 或 insertBefore()使用与区别介绍
Oct 11 Javascript
动态的创建一个元素createElement及删除一个元素
Jan 24 Javascript
jQuery拖动div、移动div、弹出层实现原理及示例
Apr 08 Javascript
实现无刷新联动例子汇总
May 20 Javascript
基于JS实现简单的样式切换效果代码
Sep 04 Javascript
Bootstrap实现默认导航栏效果
Sep 21 Javascript
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
Jun 08 Javascript
一次$.getJSON不执行的简单记录
Jul 19 Javascript
jQuery 常见小例汇总
Dec 14 Javascript
对node.js中render和send的用法详解
May 14 Javascript
TypeScript实用技巧 Nominal Typing名义类型详解
Sep 23 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中的按位与和按位或操作示例
2014/01/27 PHP
php使用多个进程同时控制文件读写示例
2014/02/28 PHP
php微信支付之APP支付方法
2015/03/04 PHP
thinkPHP中分页用法实例分析
2015/12/26 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
PHP 实现base64编码文件上传出现问题详解
2020/09/01 PHP
javascript jQuery $.post $.ajax用法
2008/07/09 Javascript
Javascript在IE或Firefox下获取鼠标位置的代码
2009/12/18 Javascript
理解Javascript_13_执行模型详解
2010/10/20 Javascript
jQuery 版元素拖拽原型代码
2011/04/25 Javascript
jQuery滚动加载图片效果的实现
2013/03/06 Javascript
js中function()使用方法
2013/12/24 Javascript
jquery.validate.js插件使用经验记录
2014/07/02 Javascript
深入理解JavaScript系列(50):Function模式(下篇)
2015/03/04 Javascript
由ReactJS的Hello world说开来
2015/07/02 Javascript
jQuery插件formValidator自定义函数扩展功能实例详解
2015/11/25 Javascript
Underscore源码分析
2015/12/30 Javascript
AngularJS仿苹果滑屏删除控件
2016/01/18 Javascript
纯js实现手风琴效果
2020/04/17 Javascript
JavaScript脚本语言是什么_动力节点Java学院整理
2017/06/26 Javascript
Angularjs单选框相关的示例代码
2017/08/17 Javascript
vue2.0 循环遍历加载不同图片的方法
2018/03/06 Javascript
vuejs简单验证码功能完整示例
2019/01/08 Javascript
vue图片上传组件使用详解
2019/12/23 Javascript
JS获取当前时间戳方法解析
2020/08/29 Javascript
[38:32]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第二局
2016/02/26 DOTA
TensorFlow Session使用的两种方法小结
2018/07/30 Python
OpenCV 之按位运算举例解析
2020/06/19 Python
汽车销售求职自荐信
2013/10/01 职场文书
总裁秘书岗位职责
2013/12/04 职场文书
英语演讲稿范文
2014/01/03 职场文书
青年文明号口号
2014/06/17 职场文书
三严三实对照检查材料思想汇报
2014/09/28 职场文书
员工离职通知函
2015/04/25 职场文书
工作感想范文
2015/08/07 职场文书
2016幼儿园中班开学寄语
2015/12/03 职场文书