scroll-view解决切换置顶

src/pages/category/category.vue

@@ -12,7 +12,7 @@
         <view @tap="onMenuTap(index)" :class="['menu_list', menuCurrent===index?'active':'']" v-for="(item,index) in menus" :key="item">{{item}}</view>
       </view>
       <!-- 2.2 右列表: 电视,空调... -->
-      <view class="category_list">
+      <scroll-view class="category_list" scroll-y :scroll-top="scrollTop">
         <view class="category_group" v-for="item in goods" :key="item.cat_name">
           <!-- 2.2.1 标题 -->
           <view class="category_group_title">{{item.cat_name}}</view>
@@ -24,7 +24,7 @@
             </view>
           </view>
         </view>
-      </view>
+      </scroll-view>
     </view>
   </view>
 </template>
@@ -41,6 +41,8 @@ export default {
       menuCurrent: 0,
       // 右列表
       goods: [],
+      // 滚动到顶部
+      scrollTop: 0
     }
   },
   onLoad(){
@@ -60,10 +62,14 @@ export default {
       this.goods = message[this.menuCurrent].children
       // console.log(this.goods);
     },
+    // 点击左菜单
     onMenuTap(menuCurrent) {
       this.menuCurrent = menuCurrent
       this.goods = categoryData[menuCurrent].children
+      // 一直为0没变化, 小程序不会发现
+      this.scrollTop = Math.random() / 1000;
     }
+
   }
 
 }