vue.set的作用-创新互联

 姓名：{{ name }}

 年龄：{{age}}

 性别：{{sex}}

 说明：{{info.content}}

运行结果：

姓名：创新互联网站建设公司，
年龄：3
性别：
说明：my name is test

在age及name都有get和set方法,但是在sex里面并没有这两个方法，因此，设置了sex值后vue并不会自动更新视图；

解决方法：

1、通过Vue.set方法设置data属性，如上：

Vue.set(data,'sex', '男')

2、您还可以使用 vm.$set实例方法，这也是全局 Vue.set方法的别名:

var key = 'content'; //这种主要用于当对象中某个属性值动态生成时处理方式
this.$set('info.'+key, 'what is this?');
//或
this.$set('info.content', 'what is this?');

感谢你能够认真阅读完这篇文章，希望小编分享的“vue.set的作用”这篇文章对大家有帮助，同时也希望大家多多支持创新互联网站建设公司，，关注创新互联行业资讯频道，更多相关知识等着你来学习!