不用masonry。这个会导致更新列表后排版异常

yfyc/src/views/Serve/FoodList.vue

@@ -114,12 +114,12 @@ export default {
   watch: {
     foodList: {
       handler() {
-        this.$nextTick(() => {
-          $('.card-list').masonry({
-            itemSelector: '.card-list > article',
-            percentPosition: true,
-          });
-        })
+        // setTimeout(() => {
+        //   $('.card-list').masonry({
+        //     itemSelector: '.card-list > article',
+        //     percentPosition: true,
+        //   });
+        // }, 1000)
       },
       deep: true,
     }
@@ -135,10 +135,10 @@ export default {
     },
   },
   mounted() {
-    $('.card-list').masonry({
-      itemSelector: '.card-list > article',
-      percentPosition: true,
-    });
+    // $('.card-list').masonry({
+    //   itemSelector: '.card-list > article',
+    //   percentPosition: true,
+    // });
   }
 }
 </script>