vue router-link傳參以及參數(shù)的使用實(shí)例
更新時(shí)間：2017年11月10日 10:32:51 作者：sangjinchao
下面小編就為大家?guī)硪黄獀ue router-link傳參以及參數(shù)的使用實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
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（這個(gè)id給上圖路由的配置有關(guān)）
this.$route是一個(gè)數(shù)組，里面包含路由的所有信息
注意：router-link中鏈接如果是‘/'開始就是從根路由開始，如果開始不帶‘/'，則從當(dāng)前路由開始
以上這篇vue router-link傳參以及參數(shù)的使用實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue+FormData+axios實(shí)現(xiàn)圖片上傳功能
這篇文章主要為大家學(xué)習(xí)介紹了Vue如何利用FormData和axios實(shí)現(xiàn)圖片上傳功能，本文為大家整理了詳細(xì)步驟，感興趣的小伙伴可以了解一下2023-08-08
Vue兩個(gè)版本的區(qū)別和使用方法(更深層次了解)
在我們使用 vue時(shí)，我們可以引用兩個(gè)不同版本的 Vue，分別是 Vue完整版（vue.js）和 Vue（vue.runtime.js ）非完整版，那么它們的區(qū)別是什么呢，今天我們就來分析下這兩個(gè)不同版本之間的區(qū)別，一起看看吧2020-02-02
這篇文章主要給大家介紹了關(guān)于vue上傳圖片文件的相關(guān)資料，介紹了利用原始input標(biāo)簽form表單上傳、elementui自帶的el-upload上傳以及elementui實(shí)現(xiàn)一次性上傳多張圖片等方法，需要的朋友可以參考下2021-05-05
vue利用sync語(yǔ)法糖實(shí)現(xiàn)modal彈框的項(xiàng)目實(shí)踐
本文主要介紹了vue利用sync語(yǔ)法糖實(shí)現(xiàn)modal彈框的項(xiàng)目實(shí)踐，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
這些年寫前端vue時(shí)經(jīng)常碰到虛擬DOM這個(gè)單詞，但都是聽到就算了，左耳進(jìn)右耳出，知道有這么個(gè)東西就完了，因?yàn)楦杏X也沒有影響我實(shí)現(xiàn)公司的產(chǎn)品業(yè)務(wù)邏輯。今天在這里想花點(diǎn)時(shí)間探討下虛擬DOM相關(guān)的知識(shí)，給自己補(bǔ)補(bǔ)課2022-10-10
在vue中獲取token,并將token寫進(jìn)header的方法
今天小編就為大家分享一篇在vue中獲取token,并將token寫進(jìn)header的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要為大家詳細(xì)介紹了Vue自定義可以選擇日期區(qū)間段的日歷插件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
element修改form的el-input寬度,el-select寬度的方法實(shí)現(xiàn)
有時(shí)候像form表單這樣，頁(yè)面的input、select等寬度不一定會(huì)是一樣的，可能有些長(zhǎng)，有些短，本文就介紹了如何element修改form的el-input寬度,el-select寬度的方法實(shí)現(xiàn)，感興趣的可以了解一下2022-02-02
在vue中，并不是任何時(shí)候數(shù)據(jù)都是雙向綁定的，解決數(shù)據(jù)沒有被雙向綁定我們可以使用?vm.$set?實(shí)例方法，該方法是全局方法?Vue.set?的一個(gè)別名，這篇文章主要介紹了vue中$set用法詳細(xì)講解,需要的朋友可以參考下2022-12-12
vue控制滾動(dòng)條滑到某個(gè)位置的方法實(shí)例
當(dāng)容器有滾動(dòng)條時(shí),有時(shí)需要將滾動(dòng)條滑到某個(gè)位置,下面這篇文章主要給大家介紹了關(guān)于vue控制滾動(dòng)條滑到某個(gè)位置的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12