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
相關文章:
主站蜘蛛池模板: 欧美黄色一区 | 久久一二 | 在线视频日韩精品 | 久久精品99国产精品日本 | 综合婷婷| 欧美一级黑人aaaaaaa做受 | 久久久国产一区二区三区四区小说 | 一区二区日本 | 日日干干 | 日韩有码在线播放 | 一区视频在线播放 | 国产95在线 | 少妇性l交大片免费一 | 国产黄色在线观看 | 国产www.| 国产精品一区二区三区久久久 | 91精品国产91久久综合桃花 | 欧美在线一区二区视频 | 在线免费观看欧美 | 国产一区亚洲二区三区 | h片在线看 | 国产精品自拍视频 | 日韩a视频 | 国产一区二区三区四区三区四 | 天天操夜夜操 | 欧美一区二区三区视频在线播放 | 日韩免费网 | caoporon| 国产一区二区精品在线观看 | 香蕉视频在线播放 | 久草视频观看 | 视频在线一区二区 | 亚洲一区综合 | 台湾a级理论片在线观看 | 一区二区三区不卡视频 | 亚洲国产成人av好男人在线观看 | 午夜精品一区二区三区在线观看 | 成人国产免费视频 | 97色在线观看免费视频 | 欧美日韩大陆 | 国产成人综合av |