路由传递参数相关面试题

1)路由传递参数(对象写法)path是否可以结合params参数一起使用?

不可以:不能这样书写,程序会崩掉

不可以用path和params配置的组合, 只能用name和params配置的组合

query配置可以与path或name进行组合使用

2)如何指定params参数可传可不传?

比如:配置路由的时候,占位了(params参数),但是路由跳转的时候就不传递。

如果路由要求传递params参数,但是没有传,URL会出现问题​​​​​​​

可以在配置路由时,在占位的后面加上一个 ?号,代表params 参数可传可不传

{
    path:"/Search/:keyword?",
    component:Search,
    meta: { show: true },
    name:"search"
},

3)params参数可以传递也可以不传递,但是如果传递是空串,如何解决?

如果指定name与params配置, 但params中数据是一个" ", 无法跳转,路径会出问题

解决1: 不指定params

解决2: 指定params参数值为undefined

this.$route.push({
  name:"search",
  params:{
    keyword:''||undefined
  }
)

4)路由组件能不能传递props数据?

可以: 可以将query或且params参数映射/转换成props传递给路由组

扫描二维码关注公众号,回复: 17044693 查看本文章

猜你喜欢

转载自blog.csdn.net/weixin_44359444/article/details/126920646