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)
传参
加载全部内容