在vuex mapState中计算数据时,我有一项重要任务要执行。countAlerts
每当数据更改时,我都需要调用此vue方法。要做到这一点,计算出的属性需要调用该方法,但是this
使用洞察vuex mapState时,范围没有vue方法。
export default {
name: "Alerts",
methods: {
countAlerts(data, period) {
/// DO SOMETHING, THEN RETURN DATA
return data;
}
},
computed: {
...mapState({
foundation: state => state.insights.foundation,
insights: state => {
return state.insights.list.filter(al => {
switch (state.insights.foundation.period) {
case "daily":
// ====>> NEED TO CALL METHOD HERE <<=====
al = this.countAlerts(al, "daily");
if (
al.threeDayUp ||
al.threeDayDown ||
al.greatDayUp ||
al.greatDayDown
) {
return al;
}
break;
/// MORE CODE ABOVE
}
});
}
})
}
};
this
当您将计算的props定义为函数时,绑定到组件的顶点。
从文档:
// to access local state with `this`, a normal function must be used countPlusLocalState (state) { return state.count + this.localCount }
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句