小程序P145 21.加入购物车-动态设置tabBar的数字徽标
需求描述：从商品详情页面导航到购物车页面之后，需要为 tabBar 中的购物车动态设置数字徽标。
①把 Store 中的 total 映射到 cart.vue 中使用：
// 按需导入 mapGetters 这个辅助方法
import { mapGetters } from 'vuex'

export default {
data() {
return {}
},
computed: {
// 将 m_cart 模块中的 total 映射为当前页面的计算属性
...mapGetters('m_cart', ['total']),
},
}
②在页面刚显示出来的时候，立即调用 setBadge 方法，为 tabBar 设置数字徽标：

onShow() {
// 在页面刚展示的时候，设置数字徽标
this.setBadge()
}
③在 methods 节点中，声明 setBadge 方法如下，通过 uni.setTabBarBadge() 为 tabBar 设置数字徽标：
methods: {
setBadge() {
// 调用 uni.setTabBarBadge() 方法，为购物车设置右上角的徽标
uni.setTabBarBadge({
index: 2, // 索引
text: this.total + '' // 注意：text 的值必须是字符串，不能是数字
})
}
}