vue-router 使用query传参跳转了两次(首次带参数,跳转到了不带参数)

问题: 

  在做项目的过程中,使用query传参数,发现跳转过程中第一次有参数,但是路由马上又跳转了一次,然后 ?和它之后的参数都不见了

问题分析:

  因为路由加载了两次

解决办法:

·1. 找到总的 layout.vue 组件,查看监听路由的代码,果然是因为我又重新push了一次路由导致的

watch:{   //监听路由变化
    '$route.path': function (newVal, oldVal) {
      if (newVal !== oldVal) {
        this.$router.push(newVal) // 重新加载了一个新路由
      }
    }
  },

删掉这行代码,就可以啦!!!

posted @ 2019-08-21 14:50  front-gl  阅读(2505)  评论(0编辑  收藏  举报