不要在突变处理程序之外改变Vuex。如何以响应方式更新数组?
创始人
2025-01-11 04:30:49
0

在Vue中,如果想要以响应方式更新Vuex中的数组,可以使用Vue的$set方法。

首先,在Vuex store中,声明一个名为state的数组:

state: {
  items: []
}

然后,在组件中,通过mapState辅助函数将items映射到组件的计算属性中:

import { mapState } from 'vuex';

export default {
  computed: {
    ...mapState(['items'])
  },
  // 组件的其他代码
}

现在,如果要以响应方式更新items数组,可以使用$set方法来替代直接赋值:

import { mapState } from 'vuex';

export default {
  computed: {
    ...mapState(['items'])
  },
  methods: {
    addItem(item) {
      // 正确的方式:使用$set方法
      this.$store.commit('addItem', item);
    }
  }
}

最后,需要在Vuex store中的mutations中定义addItem方法,使用Vue.$set方法更新items数组:

mutations: {
  addItem(state, item) {
    // 正确的方式:使用Vue.$set方法
    Vue.$set(state.items, state.items.length, item);
  }
}

这样,通过使用Vue.$set方法,就可以以响应方式更新Vuex中的数组。

相关内容

热门资讯

wpk透视辅助!云扑克辅助器怎... wpk透视辅助!云扑克辅助器怎么卖,(WEPOke)素来真的是有挂(详细透视安装教程)1、许多玩家不...
透视ai代打(wEpOke)透... 透视ai代打(wEpOke)透视辅助器(wepower有外挂)起初真的有挂(详细透视专业教程)这是由...
透视规律(德扑ai助手)德州辅... 透视规律(德扑ai助手)德州辅助软件线上(详细辅助可靠技巧)原来有挂;是一款可以让一直输的玩家,快速...
wepoke辅助插件!德州最新... wepoke辅助插件!德州最新辅助器,(wepoKE)原来真的有挂(详细透视wpk教程);科技安装教...
透视肯定(WepokE)透明挂... 透视肯定(WepokE)透明挂辅助安装(wepoke辅助挂)最初是有挂(详细透视2025新版)准备好...
透视软件(微扑克辅助机器人)w... 您好,微扑克辅助机器人这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在...
aapoker有挂!hm3德州... 1、aapoker有挂!hm3德州辅助,(wepOkE)起初是有挂(详细辅助可靠技巧)(UU pok...
透视规律(德扑之星辅助器购买)... 您好,德扑之星辅助器购买这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家...
透视插件(wePokE)透明挂... 透视插件(wePokE)透明挂辅助挂(wepokeai机器人)素来是有挂(详细透视科技教程)是一款可...
德扑ai助手!云扑克辅助,(W... 德扑ai助手!云扑克辅助,(WePoke)本来是有挂(详细透视必备教程);大神普及一款德州ai内幕,...