vue2.0中set添加属性后视图不能更新的解决办法

这篇文章主要为大家详细介绍了vue2.0中set添加属性后视图不能更新的解决办法，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

今天在工作中遇到一个问题，郁闷了很久，特地写一篇博客记录一下，方便以后再遇到可以查找，也分享个各位小伙伴，在网上查找很多资料说用Vue.$set设置属性后视图也会更新，但是真相并不是这样，通过等于号赋值和$set方法我都试了，前台属性值改变但是视图并没有改变，下面上图：

【图片暂缺】

我需要做的就是下面的Email和Fax属性的值从第一排的输入框用户输入获取，但是输入过后下面的文本框的值并为发生变化，在浏览器console却发现值已经改变了，这让我很郁闷，网上搜了一堆答案都没有解决，后面查看vue官网有个delete方法，如果我先把这个属性delete再重新set是否可以，如图：

【图片暂缺】

　　　　　　　　　　　　　　　　图1.第一排控件的代码

【图片暂缺】

 图2.第一排控件方法代码

【图片暂缺】

图3.最终解决代码

好啦 今天就写到这 希望能帮到你们 博客仅为日常学习和交流使用 如有不正确的地方 请指正

以上就是相关的解决办法总结，感谢大家对四海网的支持。

本文来自：http://www.q1010.com/184/6869-0.html

注：关于vue2.0中set添加属性后视图不能更新的解决办法的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js