[vuex]未知操作类型: getPackagingList

// 定义 action
const actions = {
getPackagingList({ commit }) {
// 异步操作...
commit('SET_PACKAGING_LIST', data);
}
};

// 调用 action
this.$store.dispatch('getPackagingList');

const store = new Vuex.Store({
state: {
packagingList: []
},
mutations: {
SET_PACKAGING_LIST(state, payload) {
state.packagingList = payload;
}
},
actions: {
getPackagingList({ commit }) {
// 异步操作...
commit('SET_PACKAGING_LIST', data);
}
}
});

// 模块定义
const moduleA = {
namespaced: true,
actions: {
getPackagingList({ commit }) {
// ...
}
}
};

// 调用
this.$store.dispatch('moduleA/getPackagingList');

// store.js
export default new Vuex.Store({
state: {
packagingList: []
},
mutations: {
SET_PACKAGING_LIST(state, payload) {
state.packagingList = payload;
}
},
actions: {
getPackagingList({ commit }) {
// 假设这里有一些异步逻辑，例如从 API 获取数据
axios.get('/api/packaging-list').then(response => {
commit('SET_PACKAGING_LIST', response.data);
});
}
}
});

// MyComponent.vue
<template>
<div>
<ul>
<li v-for="item in packagingList" :key="item.id">{{ item.name }}</li>
</ul>
</div>
</template>

<script>
import { mapState, mapActions } from 'vuex';

export default {
computed: {
...mapState(['packagingList'])
},
methods: {
...mapActions(['getPackagingList'])
},
created() {
this.getPackagingList();
}
};
</script>