微信小程序版本提交更新版本 解决缓存问题

App.vue

@@ -58,6 +58,10 @@ export default {
       this.checkArguments(); // 检测启动参数
     });
     // #endif
+
+    // #ifdef MP-WEIXIN
+    this.applyUpdateWeChat();
+    // #endif
   },
 
   onShow() {
@@ -66,6 +70,33 @@ export default {
     // #endif
   },
   methods: {
+    /**
+     * 微信小程序版本提交更新版本 解决缓存问题
+     */
+    applyUpdateWeChat() {
+      const updateManager = uni.getUpdateManager();
+
+      updateManager.onCheckForUpdate(function (res) {
+        // 请求完新版本信息的回调
+      });
+
+      updateManager.onUpdateReady(function (res) {
+        uni.showModal({
+          title: "更新提示",
+          content: "发现新版本，是否重启应用？",
+          success(res) {
+            if (res.confirm) {
+              // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
+              updateManager.applyUpdate();
+            }
+          },
+        });
+      });
+      updateManager.onUpdateFailed(function (res) {
+        // 新的版本下载失败
+      });
+    },
+
     //  TODO 开屏广告 后续优化添加
     launch() {
       try {

pages/product/goods.vue

@@ -399,9 +399,9 @@ export default {
     return {
       title: this.goodsDetail.goodsName,
       type: 0,
-      query:`id=${this.routerVal.id}&goodsId=${this.routerVal.goodsId}`,
+      query: `id=${this.routerVal.id}&goodsId=${this.routerVal.goodsId}`,
       path: `/pages/product/goods`,
-      imageUrl:this.goodsDetail.goodsGalleryList[0],
+      imageUrl: this.goodsDetail.goodsGalleryList[0],
     };
   },
   // #endif
@@ -499,15 +499,14 @@ export default {
         return true;
       }
     },
-	selectSku (idObj) {
-		console.log(idObj)
-		this.init(idObj.skuId,idObj.goodsId)
-	},
+    selectSku(idObj) {
+      this.init(idObj.skuId, idObj.goodsId);
+    },
     /**
      * 初始化信息
      */
     async init(id, goodsId, distributionId) {
-		console.log(id, goodsId)
+      console.log(id, goodsId);
       this.isGroup = false; //初始化拼团
       this.productId = id; // skuId
       // 这里请求获取到页面数据  解析数据

pages/tabbar/home/template/tpl_goods.vue

@@ -27,10 +27,8 @@
   </div>
 </template>
 <script>
-import uImage from "@/uview-ui/components/u-image/u-image.vue";
 export default {
   title: "商品分类以及商品",
-  components: { uImage },
   data() {
     return {
       selected: {
@@ -116,12 +114,9 @@ $w_94: 94%;
   margin: 0 auto;
   // width: 158px;
   width: $w_94;
-
   border-top-left-radius: 20rpx;
   border-top-right-radius: 20rpx;
-
   overflow: hidden;
-
   > img {
     width: 100%;
     height: 100%;
@@ -135,23 +130,19 @@ $w_94: 94%;
   background: #fff;
   padding: 8rpx 0 8rpx 8rpx;
   margin: 0 auto;
-
   > .goods-title {
     font-size: 24rpx;
     height: 70rpx;
     display: -webkit-box;
     font-weight: 500;
     -webkit-box-orient: vertical;
-
     -webkit-line-clamp: 2;
-
     overflow: hidden;
   }
 
   > .goods-bottom {
     display: flex;
     font-weight: bold;
-
     > .goods-price {
       line-height: 2;
       color: $main-color;