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 常用方法基础教程
Feb 06 Javascript
Jquery操作Select 简单方便 一个js插件搞定
Nov 12 Javascript
jquery uaMatch源代码
Feb 14 Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
Apr 05 Javascript
jQuery中[attribute*=value]选择器用法实例
Dec 31 Javascript
Javascript对象Clone实例分析
Jun 09 Javascript
非常实用的12个jquery代码片段
Nov 02 Javascript
Web安全测试之XSS实例讲解
Aug 15 Javascript
JS实现图片放大缩小的方法
Feb 15 Javascript
JavaScript创建、读取和删除cookie
Sep 03 Javascript
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
Dec 15 Javascript
Vue.js中v-for指令的用法介绍
Mar 13 Vue.js
浅谈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
echo, print, printf 和 sprintf 区别
2006/12/06 PHP
PHP+Mysql实现多关键字与多字段生成SQL语句的函数
2014/11/05 PHP
php获取本周星期一具体日期的方法
2015/04/20 PHP
php metaphone()函数及php localeconv() 函数实例解析
2016/05/15 PHP
php结合ajax实现手机发红包的案例
2016/10/13 PHP
php和vue配合使用技巧和方法
2019/05/09 PHP
PHP消息队列实现及应用详解【队列处理订单系统和配送系统】
2019/05/20 PHP
解析DHTML,JavaScript,DOM,BOM以及WEB标准的描述
2013/06/19 Javascript
浅析JavaScript中的类型和对象
2013/11/29 Javascript
JavaScript Base64 作为文件上传的实例代码解析
2017/02/14 Javascript
浅谈MUI框架中加载外部网页或服务器数据的方法
2018/01/31 Javascript
详解vue-cli 快速搭建单页应用之遇到的问题及解决办法
2018/03/01 Javascript
详解javascript appendChild()的完整功能
2018/08/18 Javascript
原生JS+HTML5实现的可调节写字板功能示例
2018/08/30 Javascript
js中获取URL参数的共用方法getRequest()方法实例详解
2018/10/24 Javascript
nuxt 实现在其它js文件中使用store的方式
2020/11/05 Javascript
在Django框架中运行Python应用全攻略
2015/07/17 Python
Django1.7+python 2.78+pycharm配置mysql数据库
2016/10/09 Python
Python获取某一天是星期几的方法示例
2017/01/17 Python
Python建立Map写Excel表实例解析
2018/01/17 Python
Python + selenium自动化环境搭建的完整步骤
2018/05/19 Python
python实现简单http服务器功能
2018/09/17 Python
Pycharm保存不能自动同步到远程服务器的解决方法
2019/06/27 Python
Django-Model数据库操作(增删改查、连表结构)详解
2019/07/17 Python
Django 开发环境配置过程详解
2019/07/18 Python
Django MEDIA的配置及用法详解
2019/07/25 Python
解析Python3中的Import
2019/10/13 Python
Django admin禁用编辑链接和添加删除操作详解
2019/11/15 Python
基于plt.title无法显示中文的快速解决
2020/05/16 Python
Python+Kepler.gl实现时间轮播地图过程解析
2020/07/20 Python
python 通过 pybind11 使用Eigen加速代码的步骤
2020/12/07 Python
ziaja齐叶雅官方海外旗舰店:来自波兰的天然护肤品牌
2017/01/02 全球购物
2014超市收银员工作总结
2014/11/13 职场文书
运动会闭幕式致辞
2015/07/29 职场文书
干部外出学习心得体会
2016/01/18 职场文书
MySQL高级进阶sql语句总结大全
2022/03/16 MySQL