加入购物车时,使用vuex state保存数据,及时更新header组件里购物车按钮的数量
headerNav组件代码:
<el-badge v-if="cartCount" :value="cartCount" :max="99">
<el-button class="cart-btn" round size="small">
<i class="iconfont icon-cart"></i>购物车
</el-button>
</el-badge>
<el-button v-if="!cartCount" class="cart-btn" round size="small">
<i class="iconfont icon-cart"></i>购物车
</el-button>
import { mapState } from 'vuex';
export default {
name: "headerNav",
data() {
return { };
},
created() {
this.getCartCount();
},
computed: {
...mapState({
cartCount: state => state.cartCount
})
},
meth