很好的一天。
我在vue.js项目中使用模块。现在我需要从吸气剂获得过滤数据,但不要忘记如何提供数据。
我想给吸气剂提供“名称”参数。如何在component.vue中执行此操作?
/*State in vuex*/
state: {
tempMessageValues: [
{ name: 'RU', status: 'none', selected: false },
{ name: 'BY', status: 'none', selected: false },
{ name: 'KG', status: 'none', selected: false }
]
}
/*Getters*/
import * as types from '../types';
export default {
[types.GETTERS.TEMP_MESSAGE_VALUES]: state => {
return state.tempMessageValues.find(country => country.name === name);
}
};
/*Types*/
export const GETTERS = {
TEMP_MESSAGE_VALUES: 'shared/TEMP_MESSAGE_VALUES'
};
/*Code in Component.vue*/
import * as types from "./store/types";
import { mapGetters } from "vuex";
export default {
computed: {
...mapGetters({
getTempMessValues: types.GETTERS.TEMP_MESSAGE_VALUES
})
}
};
最佳答案
文档建议使用curring将params传递给getter;
export default {
[types.GETTERS.TEMP_MESSAGE_VALUES]: state => name =>
state.tempMessageValues.find(country => country.name === name)
};
参见https://vuex.vuejs.org/guide/getters.html#method-style-access了解他们的示例。基本上就是让getter在第一次调用时返回一个函数。
这有道理吗?