路由配置地址中加参数的问题

来源:2-21 路由router-link

人生的起源

2020-12-07 15:10:19

​<router-link :to="{name: 'demo9', params: {userId: 123}, query: {plan: 'private'}}">demo9</router-link>


之前说,userId要加在path中,写成path: '/demo9/:userId',为什么这里的plan却不用加在path中?


我试过了,把路由配置中的:userId去掉也是可以的,为什么这里一个要加,一个不加,老师帮忙解释下

写回答

1回答

好帮手慕久久

2020-12-07

同学你好,二者都是用来设置路由的,都是设置的位置不一样,所以写法不一样:

userId处于params中,而params中的内容,是需要通过路由传参的:

http://img.mukewang.com/climg/5fcdf83a0956369111830302.jpg

当通过路由传参时,需要在path路径上做这样的设置:'/demo9/:userId'。

plan处于query中,query中的内容,会以“?xxx”的形式,追加在url地址后面:

http://img.mukewang.com/climg/5fcdf8fc091f427a12390429.jpg

此时不需要将plan追加到path中。

二者的写法是vue框架底层决定的,而且都是固定的,记住即可。

祝学习愉快!

0

0 学习 · 3299 问题

查看课程