vue 为每个url带上?p=1

Question

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

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

应该在哪里操作。

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

Answer 1

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

<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"} })
                }

            }
        }