VueJS / VueX：在填充商店状态时显示表

Question

我正在尝试开发单个文件组件，我希望从后端获取用户汽车并在表格中显示所有已加载汽车。

处理该问题的最佳方法是什么？

此刻，我从created()钩子调用了一个 store操作（getUserCars），然后我尝试使用{{ 1}}，以便能够在UI中建立我的表格。但这还行不通..

能请你帮我吗？

watch

Answer 1

如果您在商店中执行的getUserCars()操作使数据充满了状态，那么您可以像在代码中看到的userCars这样的吸气剂。 您只需要将mapGetters帮助器从方法移动到计算即可。

然后，您可以在模板中访问它，并执行所需的任何操作。

computed: {
    ...mapGetters(["userCars"])
},
methods: {
    ...mapActions(["getUserCars"])
}