Hooke / tswj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
fccdaf8d 1 parent 904e5fd4

跳转详情页传参优化

Inline Side-by-side
Showing 2 changed files with 19 additions and 9 deletions
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: hookehuyr hookehuyr@gmail.com 2 * @Author: hookehuyr hookehuyr@gmail.com
3 * @Date: 2022-06-07 18:03:50 3 * @Date: 2022-06-07 18:03:50
4 * @LastEditors: hookehuyr hookehuyr@gmail.com 4 * @LastEditors: hookehuyr hookehuyr@gmail.com
5 - * @LastEditTime: 2022-06-07 20:17:14 5 + * @LastEditTime: 2022-06-08 19:35:53
6 * @FilePath: /tswj/src/router/methods/goToVideoDetail.ts 6 * @FilePath: /tswj/src/router/methods/goToVideoDetail.ts
7 * @Description: 7 * @Description:
8 */ 8 */
...@@ -11,18 +11,28 @@ import $router from '@/router'; ...@@ -11,18 +11,28 @@ import $router from '@/router';
11 11
12 /** 12 /**
13 * 路由跳转视频详情页 13 * 路由跳转视频详情页
14 - * @param prodId 作品ID 14 + * @param prod_id 作品ID
15 - * @param perfId 表演者ID 15 + * @param perf_id 表演者ID
16 - * @param bookId 书籍ID 16 + * @param book_id 书籍ID
17 * @param type 特殊标识，判断入口 为keepAlive使用 17 * @param type 特殊标识，判断入口 为keepAlive使用
18 */ 18 */
19 -const fn = (prodId: string, perfId: string, bookId: string, type?: string): void => { 19 +const fn = ({
20 + prod_id,
21 + perf_id,
22 + book_id,
23 + type,
24 +}: {
25 + prod_id: string;
26 + perf_id: string;
27 + book_id: string;
28 + type?: string;
29 +}): void => {
20 $router.push({ 30 $router.push({
21 path: '/client/videoDetail', 31 path: '/client/videoDetail',
22 query: { 32 query: {
23 - prod_id: prodId, 33 + prod_id,
24 - perf_id: perfId, 34 + perf_id,
25 - book_id: bookId, 35 + book_id,
26 type, 36 type,
27 }, 37 },
28 }); 38 });
......
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
26 </van-row> 26 </van-row>
27 </div> 27 </div>
28 28
29 - <div class="raw-ref" @click="goToVideoDetail(item.prod_id, item.perf_id, item.book_id)"> 29 + <div class="raw-ref" @click="goToVideoDetail(item)">
30 <van-row> 30 <van-row>
31 <van-col span="8" class="image"> 31 <van-col span="8" class="image">
32 <van-image width="8rem" height="5rem" fit="cover" lazy-load :src="item.cover" 32 <van-image width="8rem" height="5rem" fit="cover" lazy-load :src="item.cover"
......