完美解决Vue访问相同url参数不同页面不刷新问题

192 阅读1分钟

问题描述

http://127.0.0.1:85/test/test/01?num=123
http://127.0.0.1:85/test/test/01?num=456

在Vue项目中,访问第一个地址,然后再访问第二个地址,页面是不会刷新的,那么在传参的时候添加一个随机数,在页面中监听随机数。

http://127.0.0.1:85/test/test/01?num=123&random=123456
http://127.0.0.1:85/test/test/01?num=456&random=45678

监听:

  watch: {
    "$route.query.random": {
      handler(newVal, oldVal) {
        // 业务
      },
      deep: true,
    },
  },
  
     /**
     * 获取路由参数
     */
    getRouterParams() {
      let num = this.$route.query.num;
      if (num) {
        this.queryParams.num = num;
      }
    },