通过vue-router传递隐藏数据

时间:2019-02-08 16:00:18

标签: vue.js vue-router

当我从一条路线导航到另一条路线时,我想传递数据,但是不应像使用路线参数那样在URL中向用户显示数据。 相反,我希望数据对用户保持“隐藏”状态,因为就我而言,我想传递一个身份验证密钥(该密钥很长,不一定要向用户显示)。

使用router.push()是否可以实现?

1 个答案:

答案 0 :(得分:2)

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

本质上,您可以定义想要传递的内容,对象,值以及所需的任何内容。在路由器视图组件中,绑定要传递的道具。

例如:

:是v-bind的简写

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

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

中使用正确的大小写

此外,我认为这另一个问题似乎也符合您的需求。 Passing props to Vue.js components instantiated by Vue-router