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>

//js写法
this.$router.push({
	name:"路由的name",
	params:{key:value}
})
//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>

//js写法
this.$router.push({
	path:"路由",
	query:{key:value}
})
页面二:
var b=this.$route.query.pc
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值