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
相關文章:
主站蜘蛛池模板: 一级欧美 | 日韩在线精品强乱中文字幕 | 欧美日韩在线一区二区三区 | 黄网站在线播放 | 国产日韩精品视频 | 日韩中文在线观看 | 特级毛片www | 日日夜夜天天 | 天天爱爱网 | 国产高清精品一区二区三区 | 日韩激情免费 | 国产精品久久久久久久久久久久久久 | 欧美国产精品 | 亚洲精品日本 | 成人精品国产免费网站 | 国产一区二区精品在线 | 做a网站| 欧美精品久久久久 | 91精品国产乱码久久久久久 | 亚洲欧美日韩中文在线 | 一区精品视频 | 国产精品伦理一区二区三区 | 精品久久九九 | 欧美亚洲一区二区三区 | 欧美成人精品二区三区99精品 | 欧美二三区 | 欧美综合国产精品久久丁香 | 在线播放一区二区三区 | 亚洲综合资源 | 日本三级电影免费观看 | 亚洲精品视频在线看 | 久久不卡 | 污视频在线免费观看 | 欧美一区二区三区四区视频 | 午夜私人影院 | 亚洲免费视频播放 | 97偷拍视频| 日日操操| 韩国久久| 日韩在线精品强乱中文字幕 | 成年人网站免费视频 |