nuxt 2 vuex state 不更新？

  • Z时代
  • 2024-02-27
  • 分类：IT

如标题所述commit 无法更新state内的值，代码如下：

<script>
import store from "../store";
export default {
  name: "IndexPage",
  data() {
    return {};
  },
  methods: {
    add() {
      store().commit("increment", 10);
       console.log(store().state)
    },
  },
};
</script>
import Vuex from 'vuex'
const store = () => new Vuex.Store({
  state: {
    counter: 0
  },
  mutations: {
    increment(state, playload) {
      state.counter = playload
    }
  },
})
export default store

去commit后通过devtools查看state没更新，实际console.log出来的值也没更新；不知道哪位大神有没有遇到过类似的问题，在线求教；

回答：

如果我没有记错的话, vuex不是这样用的吧
首先要在mian.js里面注册, 注册之后在页面里面需要使用的时候直接

<script>
export default {
  name: "IndexPage",
  data() {
    return {};
  },
  methods: {
    add() {
      this.$store.commit("increment", 10);
    },
  },
};
</script>

就可以了

以上是 nuxt 2 vuex state 不更新？ 的全部内容， 来源链接： utcz.com/p/932976.html

回到顶部