使用 vue-router 传递隐藏数据

Question

我想在从一条路线导航到另一条路线时传递数据，但数据不应在 URL 中向用户显示，因为它是通过路线参数显示的。相反，我希望数据对用户保持“隐藏”，因为就我而言，我想传递一个身份验证密钥（该密钥很长，不一定向用户显示）。

这可以使用实现吗router.push()？

Answer 1

我想我会做的来解决这个问题，就是定义道具，就在你定义路径的下面，你可以向它添加道具。请参阅：将 props 传递给路由组件

本质上，你定义你想要传递什么，一个对象，一个值，无论你需要什么。在你的 router-view 组件中，你绑定你想要传递的 prop。

例如：

: 是 v-bind 的简写

<router-view :props-name-defined-in-router="value"></router-view>

请记住在 Vue.js 中使用正确的大小写，请参阅：模板中的组件名称大小写

此外，我认为另一个问题似乎符合您的需求。 将 props 传递给 Vue-router 实例化的 Vue.js 组件