fix: 解决组件数据无法更新的问题

src/api/mock/index.ts

@@ -4,11 +4,12 @@ import { RequestHttpEnum } from '@/enums/httpEnum'
 
 // 单个X数据
 export const chartDataUrl = '/mock/chartData'
-export const rankListUrl = '/mock/rankList'
 export const numberFloatUrl = '/mock/number/float'
 export const numberIntUrl = '/mock/number/int'
 export const textUrl = '/mock/text'
 export const imageUrl = '/mock/image'
+export const rankListUrl = '/mock/rankList'
+export const scrollBoardUrl = '/mock/scrollBoard'
 
 const mockObject: MockMethod[] = [
   {
@@ -16,33 +17,38 @@ const mockObject: MockMethod[] = [
     // url: /\/mock\/mockData(|\?\S*)$/,
     url: chartDataUrl,
     method: RequestHttpEnum.GET,
-    response: () => test.fetchMockData,
-  },
-  {
-    url: rankListUrl,
-    method: RequestHttpEnum.GET,
-    response: () => test.fetchRankList,
+    response: () => test.fetchMockData
   },
   {
     url: numberFloatUrl,
     method: RequestHttpEnum.GET,
-    response: () => test.fetchNumberFloat,
+    response: () => test.fetchNumberFloat
   },
   {
     url: numberIntUrl,
     method: RequestHttpEnum.GET,
-    response: () => test.fetchNumberInt,
+    response: () => test.fetchNumberInt
   },
   {
     url: textUrl,
     method: RequestHttpEnum.GET,
-    response: () => test.fetchText,
+    response: () => test.fetchText
   },
   {
     url: imageUrl,
     method: RequestHttpEnum.GET,
-    response: () => test.fetchImage(Math.round(Math.random()*10)),
+    response: () => test.fetchImage(Math.round(Math.random() * 10))
   },
+  {
+    url: rankListUrl,
+    method: RequestHttpEnum.GET,
+    response: () => test.fetchRankList
+  },
+  {
+    url: scrollBoardUrl,
+    method: RequestHttpEnum.GET,
+    response: () => test.fetchScrollBoard
+  }
 ]
 
 export default mockObject

src/api/mock/test.mock.ts

@@ -10,35 +10,35 @@ export default {
         {
           product: '@name',
           'dataOne|100-900': 3,
-          'dataTwo|100-900': 3,
+          'dataTwo|100-900': 3
         },
         {
           product: '@name',
           'dataOne|100-900': 3,
-          'dataTwo|100-900': 3,
+          'dataTwo|100-900': 3
         },
         {
           product: '@name',
           'dataOne|100-900': 3,
-          'dataTwo|100-900': 3,
+          'dataTwo|100-900': 3
         },
         {
           product: '@name',
           'dataOne|100-900': 3,
-          'dataTwo|100-900': 3,
+          'dataTwo|100-900': 3
         },
         {
           product: '@name',
           'dataOne|100-900': 3,
-          'dataTwo|100-900': 3,
+          'dataTwo|100-900': 3
         },
         {
           product: '@name',
           'dataOne|100-900': 3,
-          'dataTwo|100-900': 3,
-        },
-      ],
-    },
+          'dataTwo|100-900': 3
+        }
+      ]
+    }
   },
   // 排名列表
   fetchRankList: {
@@ -58,32 +58,50 @@ export default {
       { name: '@name', 'value|100-900': 5 },
       { name: '@name', 'value|100-900': 5 },
       { name: '@name', 'value|100-900': 5 },
-      { name: '@name', 'value|100-900': 5 },
-    ],
+      { name: '@name', 'value|100-900': 5 }
+    ]
+  },
+  // 轮播表格
+  fetchScrollBoard: {
+    code: 0,
+    status: 200,
+    msg: '请求成功',
+    data: [
+      ['行1列1', '行1列2', '1'],
+      ['行2列1', '行2列2', '2'],
+      ['行3列1', '行3列2', '3'],
+      ['行4列1', '行4列2', '4'],
+      ['行5列1', '行5列2', '5'],
+      ['行6列1', '行6列2', '6'],
+      ['行7列1', '行7列2', '行7列3'],
+      ['行8列1', '行8列2', '行8列3'],
+      ['行9列1', '行9列2', '行9列3'],
+      ['行10列1', '行10列2', '行10列3']
+    ]
   },
   // 获取数字
   fetchNumberFloat: {
     code: 0,
     status: 200,
     msg: '请求成功',
-    data: '@float(0, 0.99, 1, 2)',
+    data: '@float(0, 0.99, 1, 4)'
   },
   fetchNumberInt: {
     code: 0,
     status: 200,
     msg: '请求成功',
-    data: '@integer(0, 100)',
+    data: '@integer(0, 100)'
   },
   fetchText: {
     code: 0,
     status: 200,
     msg: '请求成功',
-    data: '@paragraph(1, 10)',
+    data: '@paragraph(1, 10)'
   },
   fetchImage: (num: number) => ({
     code: 0,
     status: 200,
     msg: '请求成功',
-    data: `https://robohash.org/${num}`,
-  }),
+    data: `https://robohash.org/${num}`
+  })
 }