亲宝软件园·资讯

展开

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

Bayi· 人气:0

路由跳转及传参形式

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)

传参

加载全部内容

相关教程
猜你喜欢
用户评论