需要背景

a页面通过申请取得的参数,通过vue-router传递给b页面,并在b页面应用

传递单个参数

  • a页面

    //默认根本路由配置ok,后段申请处理完毕,仅展现要害局部···getInfo () {//解决申请数据······},goDetail (item) {//路由跳转,传递本页面this.$route.push(`detailPage/${item.id}`)}
  • pageIndex.js (路由配置)

    //路由配置信息...{//路由携带参数path: 'detailPage/:id'···}...
  • b页面
...// 此时跳转b页面后曾经拿到a传的参数,该参数保留在// this.$route.params中// 在须要应用的中央,能够间接用...console.log(this.$route.params.id)...

传递多个参数

  • a页面

    //默认根本路由配置ok,后段申请处理完毕,仅展现要害局部···getInfo () {//解决申请数据······},goDetail (item) {//路由跳转,传递本页面,多个参数在前面拼就能够this.$route.push(`detailPage/${item.id}/${item.name}/${item.size}`)}
  • pageIndex.js (路由配置)

    //路由配置信息...{//路由携带多个参数,须要在前面加参配path: 'detailPage/:id/:name/:size'···}...
  • b页面
...// 此时跳转b页面后曾经拿到a传的参数,该参数保留在// this.$route.params中// 在须要应用的中央,能够间接用...console.log(this.$route.params.id)console.log(this.$route.params.name)console.log(this.$route.params.size)...

还有其余办法,
vuerouter除了params外还有query,也能够
比方你在调一次接口(nt操作),
应用vuex存储你的数据,
prop传值等。
这里仅记录这一个,因为刚用到!有遇到的这样的问题能够试一下。