vue router-link傳參以及參數(shù)的使用實例
更新時間：2017年11月10日 10:32:51 作者：sangjinchao
下面小編就為大家?guī)硪黄獀ue router-link傳參以及參數(shù)的使用實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
1.路徑：http://localhost:8081/#/test?name=1
<router-link :to="{path:'/test',query: {name: id}}">跳轉(zhuǎn)</router-link>(id是參數(shù))
使用：this.$route.query.id
2.路徑：http://localhost:8081/#/test/1
<router-link :to="'/test/'+id">跳轉(zhuǎn)</router-link>(id是參數(shù))
路由：
使用：this.$route.params.id（這個id給上圖路由的配置有關）
this.$route是一個數(shù)組，里面包含路由的所有信息
注意：router-link中鏈接如果是‘/'開始就是從根路由開始，如果開始不帶‘/'，則從當前路由開始
以上這篇vue router-link傳參以及參數(shù)的使用實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue data對象重新賦值無效(未更改)的解決方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
vue打包的時候自動將px轉(zhuǎn)成rem的操作方法
這篇文章主要介紹了vue打包的時候自動將px轉(zhuǎn)成rem的操作方法,需要的朋友可以參考下2018-06-06
vue.extend實現(xiàn)alert模態(tài)框彈窗組件
這篇文章主要為大家詳細介紹了vue.extend實現(xiàn)alert模態(tài)框彈窗組件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-04-04
這篇文章主要介紹了Vue?全部生命周期組件梳理整理，在創(chuàng)建組件之前使用；在實例初始化之后,進行數(shù)據(jù)偵聽和事件，偵聽器的配置之前同步調(diào)用2022-06-06
使用 intro.js這個插件,來實現(xiàn)一個引導性的效果,經(jīng)常在一些新手引導頁遇到這樣的需求,下面通過本文給大家分享vue+intro.js插件實現(xiàn)引導功能,感興趣的朋友一起看看吧2024-06-06
vue使用Vue.extend創(chuàng)建全局toast組件實例
這篇文章主要介紹了vue使用Vue.extend創(chuàng)建全局toast組件實例，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
這篇文章主要介紹了vue中Echarts圖表寬度沒占滿的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
vue-element-admin如何轉(zhuǎn)換成中文
這篇文章主要介紹了vue-element-admin如何轉(zhuǎn)換成中文問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
項目中后臺返回的時間有多種形式,時間戳、ISO標準時間格式等，我們需要轉(zhuǎn)化展示成能看的懂得時間格式,下面這篇文章主要給大家介紹了關于vue時間格式總結(jié)以及轉(zhuǎn)換方法的相關資料,需要的朋友可以參考下2022-12-12
解決Vue2.0 watch對象屬性變化監(jiān)聽不到的問題
今天小編就為大家分享一篇解決Vue2.0 watch對象屬性變化監(jiān)聽不到的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09