回覆列表
  • 1 # 使用者8852944140293

    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);

    }

    ————完————

  • 中秋節和大豐收的關聯?
  • 正常膀胱輸尿管連線部的解剖結構是什麼?