vue.js - 如何使用 this.$router.push 发送和获取两个组件之间的参数

Question

我有两个组件。

第一个：

这个组件有这个：

this.$router.push({path: '/dte', params: { id: 1 }});

我正在发送并重定向到 /dte

我在 vuejs 代码的创建部分中有第二个：

export default {
    created() {
       alert(this.$router.params.id);
    }
}

我想知道：

• 如何检查 id 是否已定义？

• 我想知道为什么它会显示此错误 - 创建钩子中的错误：“TypeError：无法读取未定义的属性'id'”？

谢谢

标签： vue.js

Answer 1

注意，vue-router 注入了两个全局对象：

• $router：vue-router 实例
• $route：对象中描述的当前路由状态

在这里，您必须检查this.$route.params.id以获取当前路由参数。