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保存和删除cookie操作 判断cookie是否存在
Nov 13 Javascript
浏览器图片选择预览、旋转、批量上传的JS代码实现
Dec 04 Javascript
jquery滚动加载数据的方法
Mar 09 Javascript
jQuery学习心得总结(必看篇)
Jun 10 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的方法
Nov 29 Javascript
Vue-Router实现页面正在加载特效方法示例
Feb 12 Javascript
easyui关于validatebox实现多重规则验证的方法(必看)
Apr 12 Javascript
vue2.0使用v-for循环制作多级嵌套菜单栏
Jun 25 Javascript
详解性能更优越的小程序图片懒加载方式
Jul 18 Javascript
Vue数据双向绑定的深入探究
Nov 27 Javascript
vue把输入框的内容添加到页面的实例讲解
Nov 11 Javascript
Vue3.0的优化总结
Oct 16 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获取服务器信息的实现代码
2013/02/04 PHP
PHP变量内存分配问题记录整理
2013/11/27 PHP
Zend Framework动作助手Url用法详解
2016/03/05 PHP
PHP使用stream_context_create()模拟POST/GET请求的方法
2016/04/02 PHP
PHP编写简单的App接口
2016/08/28 PHP
php mysql PDO 查询操作的实例详解
2017/09/23 PHP
设定php简写功能的方法
2019/11/28 PHP
php使用gearman进行任务分发操作实例详解
2020/02/26 PHP
JavaScript 变量作用域分析
2011/07/04 Javascript
Struts2的s:radio标签使用及用jquery添加change事件
2013/04/08 Javascript
浅析JavaScript原型继承的陷阱
2013/12/03 Javascript
jquery sortable的拖动方法示例详解
2014/01/16 Javascript
Jquery中的层次选择器与find()的区别示例介绍
2014/02/20 Javascript
浅谈javascript获取元素transform参数
2015/07/24 Javascript
基于zepto的移动端轻量级日期插件--date_picker
2016/03/04 Javascript
详解Jquery Easyui的验证扩展
2017/01/09 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
2018/05/04 Javascript
详解如何用webpack4从零开始构建react开发环境
2019/01/27 Javascript
浅析JavaScript异步代码优化
2019/03/18 Javascript
nodejs和react实现即时通讯简易聊天室功能
2019/08/21 NodeJs
React中使用UMEditor的方法示例
2019/12/27 Javascript
Vue 打包的静态文件不能直接运行的原因及解决办法
2020/11/19 Vue.js
[01:01:42]Secret vs Optic Supermajor 胜者组 BO3 第二场 6.4
2018/06/05 DOTA
Python学习之asyncore模块用法实例教程
2014/09/29 Python
python实现中文分词FMM算法实例
2015/07/10 Python
Python实现SQL注入检测插件实例代码
2019/02/02 Python
Python两个字典键同值相加的几种方法
2019/03/05 Python
django框架model orM使用字典作为参数,保存数据的方法分析
2019/06/24 Python
Spark处理数据排序问题如何避免OOM
2020/05/21 Python
Python中过滤字符串列表的方法
2020/12/22 Python
Boden英国官网:英国知名原创时装品牌
2018/11/06 全球购物
如果Session Bean得Remove方法一直都不被调用会怎么样
2012/07/14 面试题
Java的类可以定义为Protected或者Private得吗
2015/09/25 面试题
2014年客服工作总结范文
2014/11/13 职场文书
生日寿星公答谢词
2015/09/29 职场文书
一篇文章带你学习Mybatis-Plus(新手入门)
2021/08/02 Java/Android