我正在使用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
中看到这一点。
有没有办法隐藏查询参数,还是我应该考虑另一种方法来实现这个目标?
答案 0 :(得分:4)
只需将数据添加到某个商店对象,然后在下一个组件中从该商店中读取它。
Vue指南中有一个关于如何设置简单商店的示例:
https://vuejs.org/v2/guide/state-management.html#Simple-State-Management-from-Scratch