Vue 路由传参及获取

details(id) {
  this.$router.push('/details?id=' + 123)  //?号拼接传参,如果有多个可以用&拼接  ’?id=‘+id+’&name=‘+name
  this.$router.push({ path: '/details', query: { id: 123}});  //query传参,query要用path来引入,
  this.$router.push({ name: 'details', params: { id: 123 }})  //params格式三,params要用name来引入
},

//取值的几种方法
created() {
    let id = this.$route.query.id;    //?号拼接和query取参
    let id = {{this.$route.params.id}}   //params取参     
},

修改路由中其中一个参数（ imgName ）

this.$router.push({
	query: {...this.$route.query, imgName: this.excelName}
})

完整url可以用 window.location.href
路由路径可以用 this.$route.path