今天有一个需求，就是在当前页面点击某个类目，更换路由参数

 

例如：从这个路由 /detail?targetId=2，更换成 /detail?targetId=3

 

这个时候，我第一想到的是 watch 监听路由，但是由于是服务端渲染，第一次是拿不到 this 对象，老是报 this.$axios 不存在

 

所以这个时候，查到文档中的 watchQuery

 

API: The watchQuery Property

 

  watchQuery(newQuery, oldQuery) {

 

    console.log(this)

 

    let detail

 

    if(this) {

 

      detail = (this.$axios.get(——${detailUrl}${newQuery.targetId}——)).data

 

      console.log("newQuery", newQuery, oldQuery, this)

 

    }

 

    return {

 

      detail

 

    }

 

  },

 

这里有个大坑就是 detail 要返回出去