隐藏地址栏中的查询参数 - VueJS

时间:2016-11-23 21:04:00

标签: vue-router vue.js

我正在使用Vue.js 2而我正在尝试创建一个链接,该链接应该将我发送到另一个页面。这就是我所拥有的:

<div v-for="u in myList">
   <router-link :to="'/type/' + u.name"><a>{{u.name}}</a></router-link>
</div>

上面的代码可以工作,但现在我想传递一个参数(例如u.weight)和这个链接。 我查看了查询参数,但我不希望用户在地址栏type/productname/?queryparamshere中看到这一点。

有没有办法隐藏查询参数,还是我应该考虑另一种方法来实现这个目标?

1 个答案:

答案 0 :(得分:4)

只需将数据添加到某个商店对象,然后在下一个组件中从该商店中读取它。

Vue指南中有一个关于如何设置简单商店的示例:

https://vuejs.org/v2/guide/state-management.html#Simple-State-Management-from-Scratch