vue-router - 在地址栏中隐藏查询参数-VueJS

标签 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>

上面的代码工作,但现在我想传递一个参数(例如,cc>)和这个链接。
我查看了查询参数,但我不希望用户在地址栏u.weight中看到这一点。
是否有一种方法来隐藏查询参数,或者我应该考虑另一种方法来实现这一点吗?

最佳答案

只需将数据添加到某个存储对象,然后在下一个组件中从该存储中读取它。
《Vue指南》中有一个关于如何设置简单存储的示例:
https://vuejs.org/v2/guide/state-management.html#Simple-State-Management-from-Scratch

关于vue-router - 在地址栏中隐藏查询参数-VueJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40774131/

相关文章:

vue.js - 如何在不添加路由到vue中的历史记录的情况下重定向到登录?

vue.js - 使用 Gitlab CI 部署 Vue.js 构建

javascript - Firebase如何在javascript中更新子值

javascript - 如何将 Vuetify 对话框标题的位置固定到顶部并使按钮始终可见

javascript - 如何在 Vue 中加载 YAML 文件?

vue.js - 从 App.vue 发出事件并在组件中捕获

vue.js - 获取vue路由器中的所有路由

laravel - Nginx 上历史模式的 Vue 路由器服务器配置不起作用

javascript - Vue Router this.$router.push 不处理方法

javascript - 添加新路由时出现错误,路由配置中需要路径