小程序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 的值必须是字符串，不能是数字 }) }}