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 dialog 异步调用ashx,webservice数据的代码
Aug 03 Javascript
img onload事件绑定各浏览器均可执行
Dec 19 Javascript
Javascript中this的用法详解
Sep 22 Javascript
jquery实现的横向二级导航效果代码
Aug 26 Javascript
js实现继承的5种方式
Dec 01 Javascript
实例详解JSON数据格式及json格式数据域字符串相互转换
Jan 07 Javascript
javascript编写简易计算器
May 06 Javascript
vue.js全局API之nextTick全面解析
Jul 07 Javascript
input输入框内容实时监测(附代码)
Aug 15 Javascript
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
Jan 19 Javascript
vue实现带过渡效果的下拉菜单功能
Feb 19 Javascript
vue 重塑数组之修改数组指定index的值操作
Aug 09 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/11/13 PHP
mac pecl 安装php7.1扩展教程
2019/10/17 PHP
当jQuery遭遇CoffeeScript的时候 使用分享
2011/09/17 Javascript
jQuery News Ticker 基于jQuery的即时新闻行情展示插件
2011/11/05 Javascript
js正则表达exec与match的区别说明
2014/01/29 Javascript
jquery解析xml字符串示例分享
2014/03/25 Javascript
Javascript函数式编程语言
2015/10/11 Javascript
jQuery progressbar通过Ajax请求实现后台进度实时功能
2016/10/11 Javascript
BootStrap按钮标签及基本样式
2016/11/23 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
2016/12/30 Javascript
JS使用正则截取两个字符串之间的字符串实现方法详解
2017/01/06 Javascript
bootstrap table实现双击可编辑、添加、删除行功能
2017/09/27 Javascript
react-native组件中NavigatorIOS和ListView结合使用的方法
2017/09/30 Javascript
Vue中的Vux配置指南
2017/12/08 Javascript
如何利用ES6进行Promise封装总结
2019/02/11 Javascript
小程序如何使用分包加载的实现方法
2019/05/22 Javascript
layui表格 返回的数据状态异常的解决方法
2019/09/10 Javascript
JavaScript实现随机五位数验证码
2019/09/27 Javascript
环形加载进度条封装(Vue插件版和原生js版)
2019/12/04 Javascript
Python统计日志中每个IP出现次数的方法
2015/07/06 Python
在PYQT5中QscrollArea(滚动条)的使用方法
2019/06/14 Python
python如何统计代码运行的时长
2019/07/24 Python
Python 70行代码实现简单算式计算器解析
2019/08/30 Python
使用Python生成200个激活码的实现方法
2019/11/22 Python
拉斯维加斯酒店、演出、旅游、俱乐部及更多:Vegas.com
2019/02/28 全球购物
State Cashmere官网:半零售价可持续蒙古羊绒
2020/02/26 全球购物
Ibatis的核心配置文件都有什么
2014/09/08 面试题
餐厅考勤管理制度
2014/01/28 职场文书
高中生操行评语
2014/04/25 职场文书
我爱读书演讲稿
2014/05/07 职场文书
会计工作总结范文2014
2014/12/23 职场文书
个人维稳承诺书
2015/05/04 职场文书
大学生支教感言
2015/08/01 职场文书
golang 如何通过反射创建新对象
2021/04/28 Golang
php去除deprecated的实例方法
2021/11/17 PHP
vue 自定义的组件绑定点击事件
2022/04/21 Vue.js