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中负数算术右移、逻辑右移的奥秘探索
Oct 17 Javascript
详解JavaScript数组的操作大全
Oct 19 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
Oct 21 Javascript
javascript跑马灯抽奖实例讲解
Apr 17 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
Sep 05 Javascript
jQuery的 $.ajax防止重复提交的两种方法(推荐)
Oct 14 Javascript
详解webpack提取第三方库的正确姿势
Dec 22 Javascript
解决vue-cli创建项目的loader问题
Mar 13 Javascript
Vue在页面右上角实现可悬浮/隐藏的系统菜单
May 04 Javascript
JS实现可视化文件上传
Sep 08 Javascript
vue组件之间通信方式实例总结【8种方式】
Feb 22 Javascript
优雅的将ElementUI表格变身成树形表格的方法步骤
Apr 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
PHP关于IE下的iframe跨域导致session丢失问题解决方法
2013/10/10 PHP
php下Memcached入门实例解析
2015/01/05 PHP
JS下高效拼装字符串的几种方法比较与测试代码
2010/04/15 Javascript
document.getElementById介绍
2011/09/13 Javascript
jquery对ajax的支持介绍
2013/12/10 Javascript
Jquery插件easyUi表单验证提交(示例代码)
2013/12/30 Javascript
jQuery中slideUp 和 slideDown 的点击事件
2015/02/26 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
2015/08/07 Javascript
jQuery+HTML5美女瀑布流布局实现方法
2015/09/21 Javascript
JavaScript代码轻松实现网页内容禁止复制(代码简单)
2015/10/23 Javascript
AngularJS Module方法详解
2015/12/08 Javascript
超链接怎么正确调用javascript函数
2016/05/23 Javascript
AngularJS实现ajax请求的方法
2016/11/22 Javascript
详解Javascript数据类型的转换规则
2016/12/12 Javascript
详解Node.js access_token的获取、存储及更新
2017/06/20 Javascript
微信小程序实现获取自己所处位置的经纬度坐标功能示例
2017/11/30 Javascript
浅谈vue项目优化之页面的按需加载(vue+webpack)
2017/12/11 Javascript
vue中$refs, $emit, $on, $once, $off的使用详解
2019/05/26 Javascript
基于JS正则表达式实现模板数据动态渲染(实现思路详解)
2020/03/07 Javascript
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
2020/05/26 Javascript
20招让你的Python飞起来!
2016/09/27 Python
Python基于Flask框架配置依赖包信息的项目迁移部署
2018/03/02 Python
python TK库简单应用(实时显示子进程输出)
2019/10/29 Python
python简单实现9宫格图片实例
2020/09/03 Python
英国手机零售商:Carphone Warehouse
2018/06/06 全球购物
澳大利亚最受欢迎的超级商场每日优惠:Catch
2020/11/17 全球购物
密封类可以有虚函数吗
2014/08/11 面试题
2013年保送生自荐信格式
2013/11/20 职场文书
自主招生自荐信格式
2013/12/03 职场文书
《商鞅南门立木》教学反思
2014/02/16 职场文书
缅怀革命先烈演讲稿
2014/05/14 职场文书
新文化运动的口号
2014/06/21 职场文书
2015年安全月活动总结
2015/03/26 职场文书
2015年酒店服务员工作总结
2015/05/18 职场文书
2015年教师业务工作总结
2015/05/26 职场文书
创业计划书之外语培训班
2019/11/02 职场文书