Javascript VueJS使用参数数据推送路由

我对VueJS很陌生。如何在vuejs的设备组件中获取deviceId。h1标签中的deviceId未在设备组件页面中打印出来

    goForward() {
      console.log("go forward");
      this.$router.push({ name: "Device", params: { deviceId: "Air-conditioning" } });
    },

---

---

为了将参数作为道具接收，您需要在route对象中添加

props:true

选项

const路由=[
{
路径：“/device”，
名称：“设备”，
组件：'设备'，
道具：真的
}
];

---

同样值得注意的是，通过添加如下路由参数，您可以稍微改进URL方案：

{
  path: "/device/:deviceId",
  ...
}

因此，地址栏中的URL看起来更干净：

https://www.example.com/device/Air-conditioning

---

添加您的路由器config@PierreSaid刚刚在道具的新页面上添加道具？

{
  path: "/device/:deviceId",
  ...
}

https://www.example.com/device/Air-conditioning