vue.js - vue 为每个url带上?p=1

问题描述

问 题

想法是用户登录后 把用户id存到 浏览器中。

然后把用户的id 添加到url里面 www.xxxx.com/aaa?p=1212 这样

应该在哪里操作。

我在总的router 里面实现不了。 。 求教。。

解决方案

用了路由了，那么你可以这样：

<router-link :to="{ path: '/index', query:{p:1}}">菜单</router-link>

如果你不想每个菜单都这样配置，你也可以在入口文件中（如 App.vue）监听路由变化动态的改变 query 参数:

// App.vue
  watch:{

        $route(to,from){
                // 根据你的业务而定，这里只是个例子
                if (to.path === '/market'){

                    this.$router.replace({  query: {} })
                }else{
                    this.$router.replace({  query: {q1: "q1"} })
                }

            }
        }

这篇关于vue.js - vue 为每个url带上?p=1的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！