使用Vue怎么对图片地址进行拼接
使用Vue怎么对图片地址进行拼接?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
创新互联专注于张北网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供张北营销型网站建设,张北网站制作、张北网页设计、张北网站官网定制、小程序制作服务,打造张北网络公司原创品牌,更为您提供张北网站排名全网营销落地服务。
拿到一组数据,其中的img地址是这样的
我们想要将它转化为正常的图片地址,需要使用for循环来将图片拼接起来
getSingList(){ getSingerList().then((res) =>{ if (res.code==ERR_ok){ this.singers=res.data.list console.log(this.singers) for(var i=0;i这样我们就可以正确输出 我们想要的img url地址了
{{item.Fsinger_name}}
Vue的优点
Vue具体轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快等优势,Vue中页面使用的是局部刷新,不用每次跳转页面都要请求所有数据和dom,可以大大提升访问速度和用户体验。
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。
文章标题:使用Vue怎么对图片地址进行拼接
网页路径:http://pwwzsj.com/article/gjeiji.html