在vuex中,有些状态属性会有些重复和冗余,为了解决这个问题我们可以使用辅助函数来简化处理代码,辅助函数的使用方法如下
第一步:在当前页面导入辅助函数
import { mapGetters,mapActions } from "vuex";
第二步骤,使用辅助函数,辅助函数的使用有两种方法,使用数组和对象的方式,对象可以自定义属性名和数组使用默认属性名
//数组使用方式
methods: {
...mapActions([JIANNUM,ADDNUM])
},computed: {
...mapGetters(['getcarttotalprice'])
}
//对象的使用方式
methods: {
...mapActions({
’jiannum‘:JIANNUM,
’addnum‘:ADDNUM,
})
},computed: {
...mapGetters({
’getprice‘:’getcarttotalprice‘
}) }
第三步:直接在div使用
<span @click="addnum(item.iid)">+</span> //在iid写在后面就可以直接给vuex中的方法传参
<i>{{getcarttotalprice}}</i>
注意如果需要传参数直接写在事件后面就可以