欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

在Vue中使用Vue.set动态新增对象属性方法

程序员文章站 2022-05-03 15:39:11
...
下面我就为大家分享一篇Vue之Vue.set动态新增对象属性方法,具有很好的参考价值,希望对大家有所帮助。

当我们给一个比如props中,或者data中被观测的对象添加一个新的属性的时候,不能直接添加,必须使用Vue.set方法

Vue.set方法用来新增对象的属性。如果要增加属性的对象是响应式的,那该方法可以确保属性被创建后也是响应式的,同时触发视图更新

在Vue中使用Vue.set动态新增对象属性方法

这里本来food对象是没有count属性的,我们要给其添加count属性就必须使用Vue.set方法,而不能写成'this.food.count = 1'

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

在vue-cli下使用vuex(详细教程)

如何使用vue-cli编写vue插件

如何使用ngrok+express解决微信接口调试问题

以上就是在Vue中使用Vue.set动态新增对象属性方法的详细内容,更多请关注其它相关文章!