Vue 页面传参之路由传参

方法一:用params传参在url不可见,要注意的是用params传参 需要传在router index.js 定义的name名,即 name: ‘Parameter’,
在这里插入图片描述

页面一:
<router-link :to="{ path: '/Parameter',name: 'Parameter',params: { pc: pcNumnow } }"><li class="nav-list">参数管理</li></router-link>
//pcNumnow是页面一定义的一个变量
页面二:
var b=this.$route.params.pc//b的值就为页面一pcNumnow的值
//要注意的是 用params传参 如果页面二刷新了,参数就不在了

方法二: 使用query传参,这个在路由里可见

页面一:
<router-link :to="{ path: '/Parameter',query: { pc: pcNumnow } }"><li class="nav-list">参数管理</li></router-link>
页面二:
var b=this.$route.query.pc

猜你喜欢

转载自blog.csdn.net/GongWei_/article/details/110393488