从状态vuex映射对象中的数组可以通过以下步骤实现:
state: {
data: []
}
mutations: {
updateData(state, newData) {
state.data = newData;
}
}
actions: {
fetchData({ commit }) {
// 模拟异步请求数据
setTimeout(() => {
const newData = [1, 2, 3]; // 假设获取到的新数据是一个数组
commit('updateData', newData);
}, 1000);
}
}
import { mapState } from 'vuex';
export default {
computed: {
...mapState(['data'])
},
created() {
this.$store.dispatch('fetchData');
}
}
这样,当触发fetchData方法时,异步请求数据并更新状态中的数组,组件会自动更新并显示最新的数据。
推荐的腾讯云相关产品:云开发(https://cloud.tencent.com/product/tcb)是一款集成了云函数、数据库、存储、云托管等功能的云原生后端一体化解决方案,适用于快速开发小程序、小游戏、网站和移动应用等项目。
领取专属 10元无门槛券
手把手带您无忧上云