成都网站建设设计

将想法与焦点和您一起共享

vue.set的作用-创新互联

这篇文章主要介绍了vue.set的作用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都做网站、网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的玉门网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

vue.set的作用:1、通过【Vue.set】方法设置data属性,代码为【Vue.set(data,'sex', '男') 】;2、使用【vm.$set】实例方法,代码为【var key = 'content';】。

vue.set的作用:

当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去;

如果在实例创建之后添加新的属性到实例上,它不会触发视图更新





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的作用”这篇文章对大家有帮助,同时也希望大家多多支持创新互联网站建设公司,,关注创新互联行业资讯频道,更多相关知识等着你来学习!


分享名称:vue.set的作用-创新互联
文章来源:http://chengdu.cdxwcx.cn/article/ddjogs.html

其他资讯