[英]How to update $auth.user properties in Nuxt.js?
当我想更新$auth.user.balance
:
methods:{
test(){
this.$auth.user.balance = 10;
}
}
但它返回错误:
Error: [vuex] do not mutate vuex store state outside mutation handlers.
如何在 Nuxtjs 中更新这些 vuex 属性?
Nuxt 提供了$auth.setUser()
方法来设置用户。
像这样使用$auth.setUser()
:
const updatedUser = {...this.$auth.user}
updatedUser.balance = 10;
this.$auth.setUser(updatedUser)
存储中的数据更新始终应该是不可变的。
因此,在将对象传递给setUser
之前创建一个新的对象引用以避免反应性问题。
当你使用 Vuex 时,你应该只通过你的突变来改变你的状态,在你的 Vuex 中你应该创建一个这样的突变:
setBalance(state, payload) {
auth.user.balance = payload;
},
在你的组件中,你需要在你的methods
映射你的新突变,
...mapMutations('auth', ['setBalance']),
不要忘记从 vuex 导入 mapMutations
import { mapMutations } from 'vuex';
并在您的组件中,当您想设置一个新值来平衡时,您调用
test(){
let newValue = 10;
this.setBalance(newValue);
}
您可以了解更多关于突变Vuex店这里Vuex文档中
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.