vue.js - 如何更新 Nuxt.js 中的 $auth.user 属性？

Question

当我想更新时 $auth.user.balance :

methods:{
   test(){
      this.$auth.user.balance = 10;
   }
}

但它返回错误:

Error: [vuex] do not mutate vuex store state outside mutation handlers.

如何在 Nuxtjs 中更新这些 vuex 属性？

Answer 1

Nuxt 提供 $auth.setUser()设置用户的方法。
使用 $auth.setUser()像这样:

const updatedUser = {...this.$auth.user}
updatedUser.balance = 10;
this.$auth.setUser(updatedUser)

存储中的数据更新始终应该是不可变的。
因此，在将对象传递给 setUser 之前创建一个新的对象引用以避免 react 性问题。