vue element-ui 页面跳转传参
第一种方式1.跳转按钮<router-link :to="{path:'router中配置的页面路径',query:{参数名: 参数值 }}"><el-button size="mini">跳转按钮</el-button></router-link>2.跳转页面接收参数在vue的created方法里通过this.$route.query 获取参数cr
·
第一种方式
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.参数名;
}
}
更多推荐
已为社区贡献5条内容
所有评论(0)