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 相关文章推荐
JQuery切换显示的效果实例代码
Feb 27 Javascript
js动态设置鼠标事件示例代码
Oct 30 Javascript
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
Jan 07 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
Oct 16 Javascript
原生JavaScript实现动态省市县三级联动下拉框菜单实例代码
Feb 03 Javascript
浅析JS操作DOM的一些常用方法
May 13 Javascript
详解Node.js开发中的express-session
May 19 Javascript
JS+HTML5实现获取手机验证码倒计时按钮
Aug 08 Javascript
js实现图片3D轮播效果
Sep 21 Javascript
详解vue beforeEach 死循环问题解决方法
Feb 25 Javascript
JS实现放大镜效果
Sep 21 Javascript
vue 数据双向绑定的实现方法
Mar 04 Vue.js
浅谈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实现多级树型菜单
2006/10/09 PHP
使用PHP实现Mysql读写分离
2013/06/28 PHP
PHP中PDO的事务处理分析
2016/04/07 PHP
PHP动态地创建属性和方法, 对象的复制, 对象的比较,加载指定的文件,自动加载类文件,命名空间
2016/05/06 PHP
PHP实现的简单sha1加密功能示例
2017/08/27 PHP
javascript各浏览器中option元素的表现差异
2011/04/07 Javascript
一些有用的JavaScript和jQuery的片段分享
2011/08/23 Javascript
事件冒泡是什么如何用jquery阻止事件冒泡
2013/03/20 Javascript
jquery文字上下滚动的实现方法
2013/03/22 Javascript
jqgrid 编辑添加功能详细解析
2013/11/08 Javascript
js 本地预览的简单实现方法
2014/02/18 Javascript
javascript中setInterval的用法
2015/07/19 Javascript
Nodejs基于LRU算法实现的缓存处理操作示例
2017/03/17 NodeJs
jQuery查找和过滤_动力节点节点Java学院整理
2017/07/04 jQuery
利用Javascript开发一个二维周视图日历
2017/12/14 Javascript
vue动态子组件的两种实现方式
2019/09/01 Javascript
javascript中call,apply,bind的区别详解
2020/12/11 Javascript
[01:07:13]TNC vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python中os操作文件及文件路径实例汇总
2015/01/15 Python
利用Python破解斗地主残局详解
2017/06/30 Python
python实现linux下抓包并存库功能
2018/07/18 Python
python批量修改图片尺寸,并保存指定路径的实现方法
2019/07/04 Python
opencv导入头文件时报错#include的解决方法
2019/07/31 Python
tensorflow 获取checkpoint中的变量列表实例
2020/02/11 Python
python读取excel数据并且画图的实现示例
2021/02/08 Python
波比布朗英国官网:Bobbi Brown英国
2017/11/13 全球购物
学校岗位设置方案
2014/01/16 职场文书
校园安全标语
2014/06/07 职场文书
节电标语大全
2014/06/23 职场文书
党的群众路线学习笔记
2014/11/06 职场文书
2015年母亲节寄语
2015/03/23 职场文书
一百条裙子读书笔记
2015/07/01 职场文书
2016年6.5世界环境日宣传活动总结
2016/04/01 职场文书
简历自我评价范文
2019/04/24 职场文书
未来,这5大方向都很适合创业
2019/07/22 职场文书
nginx常用命令放入shell脚本详解
2021/03/31 Servers