vue路由中query和params和 props传递参数的区别

            <!-- query写法 -->
			    <router-link :to="{
				name:'yang',
				query:{
					id:i.id,
					name:i.name
				}
				}">{{i.name}}</router-link>&nbsp;&nbsp;
				
<!-- 	params传递参数写法 -->
			<router-link :to="{
			name:'yang',
			params:{
				id:i.id,
				name:i.name
			}
			}">{{i.name}}</router-link>&nbsp;&nbsp;

2用params写法必须要在路由index.js中接收参数  即/../:id/:name    形式:xx

而且必须要使用name路由中,不可以使用path

	                    name: 'yang',
						path: 'details/:id/:name',
						component: Details

3props写法

在接收端使用 props[ ]接收

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值