vue的路由带参数和取参数,watch路由监听

1、写在html里

<router-link :to="{path:'/goldShop/goodsInfo',query: { id:item.id }}" class="swiperBG">

2、写在js里

this.$router.push({
   path: '/goldShop/allGoods'
 })
 this.$router.push({
    path:`/goldShop/payInfo`,
    query:{id:this.id,num:this.num}//带参
  })
console.log(this.$route.query.id);//取值
//在新窗口中打开
let url= this.$router.resolve({
   path:"/goldShop/payInfo"
  })
 window.open(url.href,'_black')

路由监听

methods: {
    watchrouter() {//如果路由有变化，执行的对应的动作
      if (this.$route.query.sort == 'goldDetail') this.tabstatus = 3
      if (this.$route.query.sort == 'order') this.tabstatus = 0
      if (this.$route.query.sort == 'address') this.tabstatus = 1
      if (this.$route.query.sort == 'howto') this.tabstatus = 2
    }
  },
  watch: {
    $route: 'watchrouter'//路由变化时，执行的方法

  },