优化购物车

src/pages/service/cate.vue

@@ -25,7 +25,7 @@
                 :animation="false"
                 :x="position.x"
                 :y="position.y"
-                @click="utils.toPage('/pages/service/cart')"
+                @click="toCartPage"
             >
                 <view class="cart-icon">
                     <text class="iconfont icon-gouwuche"></text>
@@ -47,7 +47,6 @@ export default {
     name: "service-cate",
     data() {
         return {
-            utils: this.$utils,
             movableAreaStyle: {
                 height: 0,
                 bottom: 0,
@@ -179,6 +178,11 @@ export default {
                 this.loadCate();
             }, 1000);
         },
+        toCartPage() {
+            if (this.briefCart.count > 0) {
+                this.$utils.toPage("/pages/service/cart");
+            }
+        },
     },
 };
 </script>

src/pages/service/list.vue

@@ -11,7 +11,7 @@
             />
         </view>
         <view class="common-bottom-components" :style="{ paddingBottom: pageConfig.safeAreaInsets.bottom + 'px' }">
-            <view class="cart" @click="toCart">
+            <view class="cart" @click="toCartPage">
                 <view class="cart-icon">
                     <text class="iconfont icon-gouwuche"></text>
                 </view>
@@ -19,7 +19,7 @@
                     <text class="text">{{ briefCart.count }}</text>
                 </view>
             </view>
-            <view class="order-btn" :class="{ active: canUseCartBtn }" @click="toCart">
+            <view class="order-btn" :class="{ active: briefCart.count > 0 }" @click="toCartPage">
                 <text class="text">去下单</text>
             </view>
         </view>
@@ -34,10 +34,8 @@ export default {
     name: "service-list",
     data() {
         return {
-            utils: this.$utils,
             pageConfig: {},
             data: [],
-            canUseCartBtn: false,
             currentId: 0,
         };
     },
@@ -60,11 +58,6 @@ export default {
     onPullDownRefresh() {},
     onShareTimeline() {},
     onShareAppMessage() {},
-    watch: {
-        briefCart(cart) {
-            this.canUseCartBtn = cart.count > 0;
-        },
-    },
     methods: {
         /**
          * 初始化页面
@@ -74,7 +67,6 @@ export default {
             if (this.isLogin) {
                 this.$store.dispatch("cart/update");
             }
-            this.canUseCartBtn = this.briefCart.count > 0;
             if (!e.id) {
                 return this.$utils.toast("参数错误");
             }
@@ -142,8 +134,8 @@ export default {
         /**
          * 去下单
          */
-        toCart() {
+        toCartPage() {
-            if (this.canUseCartBtn) {
+            if (this.briefCart.count > 0) {
                 this.$utils.toPage("/pages/service/cart");
             }
         },