vue 怎麼拿到router.push傳遞的資料:
主要有以下幾個步驟:
(1) 設定好路由配置
router.map({ "/history/:deviceId/:dataId": {
name: "history", // give the route a name
component: { ... }
}
})
這裡有2個關鍵點:
a)給該路由命名,也就是上文中的 name: "history",
b)在路徑中要使用在路徑中使用冒號開頭的數字來接受引數,也就是上文中的 :deviceId, :dataId;
(2)在v-link中傳遞引數;
history
這裡的123,456都可以改用變數。
比如該template所對應的元件有2個變數定義如下:
data: function() {
return {
deviceId:123,
dataId:456
此時上面那個v-link可以改寫為:
(3)在router的目標元件上獲取入參
比如在router目標元件的ready函式中可以這麼使用。
ready: function(){
console.log("deviceid: " + this.$route.params.deviceId);
console.log("dataId: " + this.$route.params.dataId);
————完————
vue 怎麼拿到router.push傳遞的資料:
主要有以下幾個步驟:
(1) 設定好路由配置
router.map({ "/history/:deviceId/:dataId": {
name: "history", // give the route a name
component: { ... }
}
})
這裡有2個關鍵點:
a)給該路由命名,也就是上文中的 name: "history",
b)在路徑中要使用在路徑中使用冒號開頭的數字來接受引數,也就是上文中的 :deviceId, :dataId;
(2)在v-link中傳遞引數;
history
這裡的123,456都可以改用變數。
比如該template所對應的元件有2個變數定義如下:
data: function() {
return {
deviceId:123,
dataId:456
}
}
此時上面那個v-link可以改寫為:
history
(3)在router的目標元件上獲取入參
比如在router目標元件的ready函式中可以這麼使用。
ready: function(){
console.log("deviceid: " + this.$route.params.deviceId);
console.log("dataId: " + this.$route.params.dataId);
}
————完————