vue中链接拼接字符串，以及循环时插入图片地址

执着_ing

于 2021-04-26 16:31:49 发布

阅读量1.2k

点赞数

文章标签： vue javascript css

本文链接：https://blog.youkuaiyun.com/weixin_46079570/article/details/116159941

版权

本文介绍了在开发过程中如何处理URL拼接不同参数的方法，使用问号`?`开头，`&`分隔后续参数。同时，针对循环展示本地图片的需求，给出了直接添加绝对路径的解决方案。通过实例代码展示了这两种常见操作的实现，适用于前端开发人员日常工作中遇到的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题1：
在开发中有时会遇到链接地址中，后面需要拼接不同的url或name，

问题2：
有时遇到需要循环的list,有时候img也需要挨个展示
话不多说，上代码！！！

解决方案一：
在这里插入图片描述

 window.open('http://p.qiao.123456.com/cps/chat?siteId=12345678987651&userId=24174983&siteToken=572413db7ad74cc2e0c7688606454413&cp=&cr=&cw=from-' + this.url)

？加第一个参数的时候，用？号
&第二个只有的参数用&
有时候后面你就只需要加个变量，就直接把前面固定的地址用’ '括起来，后面+参数就可以了

‘http://www.baidu.com’+12345

解决方案二：
在这里插入图片描述
如果是循环本地图片，就直接加上绝对路径

本篇文章纯属记录，不喜勿喷！