vue-router路由传参及隐藏参数问题

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

vue-router路由传参及隐藏参数问题

Bayi·   2022-12-02 我要评论

路由跳转及传参形式

vue中路由中需要传递参数的话可以用query和param传递,两者类似于get和post。

先上路由配置文件 (router/index.js)

const routes = [{
    path: '/chat',
    name: 'Chat',
    component: Chat
}, ]

path 方式跳转 (query)

<router-link :to="{ path: '/chat', query: { plan: 'private' }}">Register</router-link>
//简写不传参
this.$router.push('/chat')
//全写传参
this.$router.push({path:'/chat',query:{name1:'1',name2:'2'}})

获取query传参

this.$route.query
//获取结果
{name: "1", name2: "2"}

name 方式跳转(params)

传参

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们