请教复杂URL拼接的应用
版本:vue3
有一个轮播图的组件(假设叫slide),点击轮播图可以实现页面的跳转,但是跳转的地址五花八门,什么样的都有,我先举例传给组件的参数吧:
items=[
{"id":10,"departmentId":20,"Name":"Tom"},
{"id":11,"departmentId":22,"Name":"Jack"},
{"id":12,"departmentId":24,"Name":"Lili"}
]
跳转的URL可能是如下:
// 单个slide中每个轮播图的跳转地址格式一致
/person/info/10 // 10是id,/person/info需要指定
/person/info?id=10 // 10是id
/department/11/person/22 // 11是id,22是departmentId
/department/11/person/22?name=Jack // Jack是Name
所以slide需要知道怎么拼接url,包括基础的url地址,拼接的格式,和几个参数拼接,以及这些参数的变量名叫什么
目前思路是这样的,slide接受一个参数createUrl是一个function,利用这个function来实现url的拼接,但是写起来毫无头绪,请大神不吝赐教。
推荐文章: