vue element-ui 页面跳转传参 - 日理万妓 2022-11-22 05:12 498阅读 0赞 ## 第一种方式 ## 1.跳转按钮 router-link <router-link :to="{path:'router中配置的页面路径',query:{参数名: 参数值 }}"> <el-button size="mini">跳转按钮</el-button> </router-link> 按钮跳转 通过按钮调用方法,执行下面内容,进行跳转页面 this.$router.push({path:'router中配置的页面路径',query:{参数名: 参数值}}); router中配置的页面路径信息如下: path: /activity/activity (path+children.path) { path: '/activity', component: Layout, redirect: '/activity/activity', name:"activity", hidden: true, children: [{ path: 'activity', name: '活动', component: () => import('@/views/activity/Activity'), meta: { title: '活动', icon: 'menu' } }] }, 2.跳转页面接收参数 在vue的created方法里通过this.$route.query 获取参数 created() { var query = this.$route.query; console.log(query); if (query) { var 参数 = query.参数名; } }
还没有评论,来说两句吧...