当前位置: 首页 > Web前端 > vue.js

vue跳转页面携带信息到新页面的方法

时间:2023-03-31 16:53:41 vue.js

第一种方法是:把数据存入storage,然后在新页面取出。第二种方法也是我这里要说的方法,这样写:跳路由的时候把数据附加到this.$router.push('/admin/personnel/custom-detail/'+item.id),可以看到后面带了数据item.id,在api中配置要接收的数据:{path:'/admin/personnel/custom-detail/:id',meta:{title:'xxx',breadcrumb:'xxx/xxx/xxx'},component:()=>import('views/personnel/custom/detail/page.vue')},可以看到我在路径中加上/:id后就可以了新页面接收信息:this.$route.params.id可以使用$route.params获取到导航栏携带的数据,将数据保存在data中,这样就OK了