如何解决可以从 vuex 中创建的钩子调用 getter 吗?
我有一个返回篮子总价的 getter。我需要在组件第一次呈现时调用这个 getter。在创建的钩子中调用这个 getter 是否正确?
created(){
return this.$store.getters.getTotalPrice;
}
getter
getTotalPrice(state){
for (let i in state.basket){
state.totalPrice += state.basket[i].productPrice;
}
}
解决方法
以下是实现此目标的方法:
Vue 组件:
<script>
export default {
data() {
return {
totalPrice:0
};
},created: function () {
let self = this;
self.totalPrice = self.$store.getters.getTotalPrice;
console.log(self.totalPrice);
},};
</script>
在 Vuex 模块中定义 Getter:
const getters = {
getTotalPrice: (state) => {
let totalPrice = 0;
for (let i in state.basket){
totalPrice += state.basket[i].productPrice;
}
return totalPrice;
},};
export default {
state,mutations,actions,getters
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。