Vue系列 通過vue router如何傳遞引數

2022-02-06 12:23:57 字數 596 閱讀 9890

主要有以下幾個步驟:

(1) 設定好路由配置

router.map(

}})

這裡有2個關鍵點:

a)給該路由命名,也就是上文中的 name: 'history',

b)在路徑中要使用在路徑中使用冒號開頭的數字來接受引數,也就是上文中的 :deviceid, :dataid;

(2)在v-link中傳遞引數;

v-link="}">history

a>

這裡的123,456都可以改用變數。

比如該template所對應的元件有2個變數定義如下:

data: function()

}    

此時上面那個v-link可以改寫為:

v-link="}">history

a>

(3)在router的目標元件上獲取入參

比如在router目標元件的ready函式中可以這麼使用。

ready: function()

————完————

來自為知筆記(wiz)

vue route 帶引數 vue 路由傳參

v router的注意事項 使用name和params組合傳參 this.router.push 注釋 路由的配置 import vue from vue import router from vue router vue.use router export default new router 獲...

Vue系列 通過vue router如何傳遞引數

這裡有2個關鍵點 a 給該路由命名,也就是上文中的 name history b 在路徑中要使用在路徑中使用冒號開頭的數字來接受引數,也就是上文中的 deviceid,dataid 2 在v link中傳遞引數 history 這裡的123,456都可以改用變數。比如該template所對應的元件有...

vue系列1 建立vue專案

一 說明 1 vue cli 是 vue 官方提供的腳手架工具 2 github 3 作用 從 二 建立 vue 專案1 npm包管理器是整合在node中的,所以直接輸入npm v就能檢視到版本資訊。2 輸入npm install g cnpm registry 安裝 映象安裝相關依賴。3 安裝vu...