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 相关文章推荐
js获取当前日期前七天的方法
Feb 28 Javascript
JS去除重复并统计数量的实现方法
Dec 15 Javascript
利用BootStrap的Carousel.js实现轮播图动画效果
Dec 21 Javascript
js实现悬浮窗效果(支持拖动)
Mar 09 Javascript
jQuery实现frame之间互通的方法
Jun 26 jQuery
BackBone及其实例探究_动力节点Java学院整理
Jul 14 Javascript
基于vue-resource jsonp跨域问题的解决方法
Feb 03 Javascript
解决微信小程序中转换时间格式IOS不兼容的问题
Feb 15 Javascript
koa-router路由参数和前端路由的结合详解
May 19 Javascript
es6中new.target的作用和使用场景简单示例分析
Mar 14 Javascript
公众号SVG动画交互实战代码
May 31 Javascript
JS实现拖动模糊框特效
Aug 25 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获取当前网址url并替换参数或网址的方法
2010/06/06 PHP
php实现MD5加密16位(不要默认的32位)
2013/08/12 PHP
使用PHP处理数据库数据如何将数据返回客户端并显示当前状态
2016/02/16 PHP
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
2010/01/12 Javascript
JavaScript基本编码模式小结
2012/05/23 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
javascript实现数组内值索引随机化及创建随机数组的方法
2015/08/10 Javascript
在AngularJS中使用jQuery的zTree插件的方法
2016/04/21 Javascript
获取input标签的所有属性的方法
2016/06/28 Javascript
jquery.serialize() 函数语法及简单实例
2016/07/08 Javascript
jQuery中delegate()方法的用法详解
2016/10/13 Javascript
ES7中利用Await减少回调嵌套的方法详解
2017/11/01 Javascript
解决vue-router在同一个路由下切换,取不到变化的路由参数问题
2018/09/01 Javascript
Layui带搜索的下拉框的使用以及动态数据绑定方法
2019/09/28 Javascript
在vue中使用echars实现上浮与下钻效果
2019/11/08 Javascript
jquery ajax 请求小技巧实例分析
2019/11/11 jQuery
js cavans实现静态滚动弹幕
2020/05/21 Javascript
[02:12]DOTA2英雄基础教程 变体精灵
2013/12/16 DOTA
[01:39:42]Fnatic vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python 实现文件的递归拷贝实现代码
2012/08/02 Python
python+opencv实现的简单人脸识别代码示例
2017/11/14 Python
Django框架之DRF 基于mixins来封装的视图详解
2019/07/23 Python
如何基于Python + requests实现发送HTTP请求
2020/01/13 Python
Python如何实现大型数组运算(使用NumPy)
2020/07/24 Python
pycharm激活码免费分享适用最新pycharm2020.2.3永久激活
2020/11/25 Python
CSS3 实现的缩略图悬停效果
2020/12/09 HTML / CSS
h5调用摄像头的实现方法
2016/06/01 HTML / CSS
美国派对用品及装饰品网上商店:Shindigz
2016/07/30 全球购物
python re模块和正则表达式
2021/03/24 Python
小学生新学期寄语
2014/01/19 职场文书
科研先进个人典型材料
2014/01/31 职场文书
大学生怎样写好自荐信
2014/02/25 职场文书
公司党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
地震慰问信
2015/02/14 职场文书
辩护词范文大全
2015/05/21 职场文书
Python制作表白爱心合集
2022/01/22 Python