av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

Vue 列表頁帶參數進詳情頁的操作(router-link)

瀏覽:76日期:2022-10-29 11:27:11

首先,仔細看文檔!??!一點一點的踩坑過來的~~~

這里介紹params和query兩種方法

1.用params傳參

列表頁:

<router-link :to='{ name:’msgDetail’, params: {id: item.msg_id} }'>(注意:用params傳參這里是命名路由,用name)

</router-link>

路由配置如下:

export default new Router({routes: [ { path: ’/msgDetail/:id’, name: ’msgDetail’, component: msgDetail }]

詳情頁接收參數:

this.$route.params.id(注意:這里是$route,而不是$router)

2.用query傳參

列表組件:

<router-link :to='{ path: ’/msgDetail’, query: {id: item.msg_id} }'>(注意:用query傳參這里是帶查詢參數,用path)

</router-link>

路由配置如下:

export default new Router({routes: [ { path: ’/msgDetail’, name: ’msgDetail’, component: msgDetail }]

詳情頁接收參數:

this.$route.query.id(注意:這里是$route,而不是$router)

補充知識:vue+element解決點擊table列表的從詳情或修改頁面跳轉路由到列表頁總是跳轉到第一頁,而不能跳轉到當前頁的問題

思路:

將當前頁的頁碼currentPage存入session,然后點擊詳情跳轉到詳情頁面,然后,再次返回當前頁的時候,在created生命周期里,獲取到存儲的currentPage,再進行加載

Vue 列表頁帶參數進詳情頁的操作(router-link)

Vue 列表頁帶參數進詳情頁的操作(router-link)

Vue 列表頁帶參數進詳情頁的操作(router-link)

Vue 列表頁帶參數進詳情頁的操作(router-link)

Vue 列表頁帶參數進詳情頁的操作(router-link)

Vue 列表頁帶參數進詳情頁的操作(router-link)

Vue 列表頁帶參數進詳情頁的操作(router-link)

Vue 列表頁帶參數進詳情頁的操作(router-link)

Vue 列表頁帶參數進詳情頁的操作(router-link)

以上這篇Vue 列表頁帶參數進詳情頁的操作(router-link)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 久久男人 | 亚洲超碰在线观看 | 久久五月婷 | 免费成人在线网站 | 国产免费拔擦拔擦8x高清 | 中文字幕成人在线 | 日韩有码一区 | 日韩久久久久久 | 日韩欧美中文字幕在线观看 | 午夜免费观看体验区 | 精品免费看 | 久久噜| 国产欧美日韩精品在线观看 | 精品久久国产 | 午夜精品影院 | 在线免费av观看 | 色婷婷激情综合 | 福利精品在线观看 | 亚洲一区二区三区在线播放 | 久久久一| 国产在线一区二区 | 成人精品一区二区三区中文字幕 | 四色永久 | 网页av| 亚洲有码转帖 | 亚洲一区二区 | 国产极品车模吞精高潮呻吟 | 精品一区二区av | 欧美精品第一区 | 夜久久| 日韩在线视频网址 | 国产成人免费在线 | 九九久久久 | 激情av免费看 | 久草视频在 | www.日韩高清| 国产毛片视频 | 中文字幕在线一区二区三区 | 中文在线播放 | 青青草网| 国产激情自拍视频 |