使用 vue-router 传递隐藏数据

Question

我想在从一条路线导航到另一条路线时传递数据，但不应在 URL 中向用户显示数据，因为它带有路线参数。 相反，我希望数据保留在用户 "hidden" 之外，因为在我的例子中，我想传递一个身份验证密钥（它很长，不一定要向用户显示）。

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

Answer 1

我想解决这个问题的方法是定义道具，就在您定义路径的下方，您可以向其中添加道具。 See: Passing props to Route Components

基本上你定义你想要传递什么，一个对象，一个值，任何你需要的。在你的路由器视图组件中，你绑定你想要传递的道具。

例如：

: 对于 v-bind

是 shorthand

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

记得在 Vue.js See: Component name casing in templates

中使用正确的大小写

另外，我认为这个问题似乎符合您的需求。