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 相关文章推荐
arguments对象
Nov 20 Javascript
修复ie8&chrome下window的resize事件多次执行
Oct 20 Javascript
Javascript引用指针使用介绍
Nov 07 Javascript
Javascript无阻塞加载具体方式
Jun 28 Javascript
javascript alert乱码的解决方法
Nov 05 Javascript
简单的渐变轮播插件
Jan 12 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
Feb 19 Javascript
JS验证码实现代码
Sep 14 Javascript
React如何实现浏览器打印部分内容详析
May 19 Javascript
React Native 混合开发多入口加载方式详解
Sep 23 Javascript
js实现随机div颜色位置 类似满天星效果
Oct 24 Javascript
基于Vue全局组件与局部组件的区别说明
Aug 11 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
全国FM电台频率大全 - 16 河南省
2020/03/11 无线电
php生成excel文件的简单方法
2014/02/08 PHP
php+mysql实现用户注册登陆的方法
2015/01/03 PHP
php 一维数组的循环遍历实现代码
2017/04/10 PHP
CL vs ForZe BO5 第三场 2.13
2021/03/10 DOTA
线路分流自动跳转代码;希望对大家有用!
2006/12/02 Javascript
javascript document.compatMode兼容性
2010/02/23 Javascript
拖动布局之保存布局页面cookies篇
2010/10/29 Javascript
javascript利用初始化数据装配模版的实现代码
2010/11/17 Javascript
JS代码放在head和body中的区别分析
2011/12/01 Javascript
jQuery之ajax技术的详细介绍
2013/06/19 Javascript
Select标签下拉列表二级联动级联实例代码
2014/02/07 Javascript
探讨js字符串数组拼接的性能问题
2014/10/11 Javascript
Javascript 拖拽雏形中的一些问题(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
手机开发必备技巧:javascript及CSS功能代码分享
2015/05/25 Javascript
包含中国城市的javascript对象实例
2015/08/03 Javascript
JavaScript学习笔记之数组去重
2016/03/23 Javascript
jQuery添加和删除输入文本框标签代码
2016/05/20 Javascript
深入理解Nodejs Global 模块
2017/06/03 NodeJs
javascript Function函数理解与实战
2017/12/01 Javascript
微信小程序实现左右联动的实战记录
2018/07/05 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
2018/09/20 Javascript
微信小程序-form表单提交代码实例
2019/04/29 Javascript
javascript实现留言板功能
2020/02/08 Javascript
详解钉钉小程序组件之自定义模态框(弹窗封装实现)
2020/03/07 Javascript
[01:45]亚洲邀请赛互动指南虚拟物品介绍
2015/01/30 DOTA
python中闭包Closure函数作为返回值的方法示例
2017/12/17 Python
python实现年会抽奖程序
2019/01/22 Python
PyCharm无法引用自身项目解决方式
2020/02/12 Python
Python使用socketServer包搭建简易服务器过程详解
2020/06/12 Python
ColourPop美国官网:卡拉泡泡,洛杉矶彩妆品牌
2019/04/28 全球购物
自荐信需注意事项
2014/01/25 职场文书
应届毕业生个人求职信范文
2014/01/29 职场文书
家教广告词
2014/03/19 职场文书
社区戒毒工作方案
2014/06/04 职场文书
医院2014国庆节活动策划方案
2014/09/21 职场文书