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

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

vue路由跳轉傳遞參數的方式總結

瀏覽:53日期:2023-01-22 08:24:11

日常業務中,路由跳轉的同時傳遞參數是比較常見的,傳參的方式有三種:

1)通過動態路由方式

//路由配置文件中 配置動態路由{ path: ’/detail/:id’, name: ’Detail’, component: Detail }//跳轉時頁面var id = 1;this.$router.push(’/detail/’ + id) //跳轉后頁面獲取參數this.$route.params.id

2)通過query屬性傳值

//路由配置文件中{ path: ’/detail’, name: ’Detail’, component: Detail }//跳轉時頁面this.$router.push({ path: ’/detail’, query: { name: ’張三’, id: 1, }}) //跳轉后頁面獲取參數對象this.$route.query

3)通過params屬性傳值

//路由配置文件中{ path: ’/detail’, name: ’Detail’, component: Detail }//跳轉時頁面this.$router.push({ name: ’Detail’, params: { name: ’張三’, id: 1, }}) //跳轉后頁面獲取參數對象this.$route.params

總結:

1.動態路由和query屬性傳值 頁面刷新參數不會丟失, params會丟失

2.動態路由一般用來傳一個參數時居多(如詳情頁的id), query、params可以傳遞一個也可以傳遞多個參數 。

補充方法:

頁面刷新數據不會丟失

methods:{ insurance(id) { //直接調用$router.push 實現攜帶參數的跳轉 this.$router.push({ path: `/particulars/${id}`, })}

需要對應路由配置如下:

this.$route.params.id

到此這篇關于vue路由跳轉傳遞參數的方式總結的文章就介紹到這了,更多相關vue路由跳轉傳遞參數的三種方式內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網!

標簽: Vue
相關文章:
主站蜘蛛池模板: 日本久久网 | 亚洲欧美在线视频 | 精品自拍视频 | 精品伦精品一区二区三区视频 | 一级片免费在线观看 | 99精品久久久 | 成人在线精品视频 | 国产亚洲精品精品国产亚洲综合 | 一级特黄色毛片 | 美女天堂 | 欧美xxxx在线 | av在线影院 | av无遮挡| av小说在线| 亚洲综合色网 | 欧美日韩国产在线观看 | 色婷婷综合久久久久中文一区二区 | 日韩av成人 | 91就要激情 | 操亚洲 | 中文字幕亚洲视频 | 爱爱视频日本 | a级黄色片在线观看 | 久久亚洲精品国产精品紫薇 | 一级a爱片性色毛片免费 | 99热首页| 成人国产精品久久 | 国家aaa的一级看片 h片在线看 | 99色播| 欧美日韩视频在线 | 精品99在线| 亚洲精品一区中文字幕 | 久久久久久久久久久久亚洲 | 中文字幕免费在线 | 欧美精品欧美精品系列 | 色就干 | 最近中文字幕在线视频1 | 亚洲二区在线 | 久久久久久久久久久久久91 | 伊人天堂网 | 欧美精品一区二区三区在线播放 |