vue如何实现动态改变地址栏的参数值

watch: {
    active (newValue) {
      let query = this.$router.history.current.query;
      let path = this.$router.history.current.path;
      //对象的拷贝
      let newQuery = JSON.parse(jsON.stringify(query));
      // 地址栏的参数值赋值
      newQuery.active = newValue;
      this.$router.push({ path, query: newQuery });
    }
  }

    this.$router.push({
        path: url,//路由地址
        query:{//参数
            type: 1
        }
    });

    watch: {
        //监听路由地址的改变
        $route:{
            immediate:true,
            handler(){
                if(this.$route.query.type){//需要监听的参数
                    this.type = this.$route.query.type
                }
            }
        }
    }