Vuex给state中的对象新添加属性遇到问题如何解决


这篇文章主要介绍“Vuex给state中的对象新添加属性遇到问题如何解决”,在日常操作中,相信很多人在Vuex给state中的对象新添加属性遇到问题如何解决问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Vuex给state中的对象新添加属性遇到问题如何解决”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!state.js中有一个空对象obj:在App.vue中点击“给空对象增加属性”按钮,触发事件addObjAttr:this.$store.dispatch调度actions中的addObjAttr方法,并通过commit提交到mutations中的方法addObjAttr:actions.js:mutations.js 通过Vue.set响应视图:页面效果:今天开发一个项目,需求会去删除和新增vuex中的state值,但是用obj.prop这种方法给state中的obj添加不了prop我想要添加一个属性值为provinceSoicalImg,从打印的对象中看到时存在这个属性的,但是他没有get和set属性,导致我把这个data复制给我的vuex的时候,这个属性就消失了后来仔细想了下,之前遇到过vue修改data是对象的视图,如果直接修改是不行的,然后又百度了下为什么没有get和set方法,稍加理解我猜测,vue的双向绑定基于的是object.defineProperty数据劫持,会免费云主机域名把属性转换为getter/setter,vuex也是基于双向绑定的,所以普通的点或者中括号去新增一个属性是不行的,需要用到vue的set的方法到此,关于“Vuex给state中的对象新添加属性遇到问题如何解决”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注百云主机网站,小编会继续努力为大家带来更多实用的文章!

相关推荐: 怎么使用node.js实现网站登录注册功能

这篇文章主要介绍了怎么使用node.js实现网站登录注册功能的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇怎么使用node.js实现网站登录注册功能文章都会有所收获,下面我们一起来看看吧。效果如下主入口app.jsapp.js为程…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/06 20:46
下一篇 03/06 20:46

相关推荐