路由传参 / 保存路由跳转带过来的查询字符串并操作

在新闻跳转到新闻详情传递 id

// 新闻页面传递 id
    detail(row) {
      this.$router.push({
        path: '/home/detail', // 要注意与 routes 中的路径一致
        query: {id: row.id}
      })
    }

 // 详情页面获取 id
 methods中：
    getData () {
      this.id = this.$route.query.id
     // 其他操作
    }
 // 一进入详情页面就要获取详情
  watch: {
    '$route': 'getData'
  },
  mounted () {
    let self = this
    self.getData()
  },

参考：https://blog.csdn.net/zhangkeke_/article/details/79730597 

 

vue，下级页面刷新导致路由跳转带过来的数据消失的解决方法

参考：https://www.cnblogs.com/1rookie/p/10151634.html