如何调用传递给 vuex 动作函数的函数

Question

我的 vue 组件中有一个按钮

<button class="search-participant__btn" @click="getParticipant({iin, index, switchIsLoading})">Найти</button>

getParticipant，是动作 vuex 中的一个函数，我导入到这个组件中

export const getParticipant = ({commit, getters}, {iin, index, callback}) => {
callback(true);
axios.post('/getParticipant', {iin}).then(response => {
if(response.data.success) {
}
})
}

但是当我想调用我传递给 getParticipant 的函数时，它不起作用，我只需要在单击按钮时将名为 isLoading 的本地状态数据更改为 true。然后在返回响应时将其切换为 false。

如何正确制作？

Answer 1

在你的 vuex 中创建一个名为 isLoading 的状态，以及一个更新 isLoading 状态的突变。一旦在你的操作中创建这些，你可以使用提交(isLoading，true(，完成后是加载(false(。

然后，您可以使用计算函数访问组件中的 isLoad，请参阅文档。