使用Vue怎么对图片地址进行拼接-成都快上网建站

使用Vue怎么对图片地址进行拼接

使用Vue怎么对图片地址进行拼接?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

创新互联专注于张北网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供张北营销型网站建设,张北网站制作、张北网页设计、张北网站官网定制、小程序制作服务,打造张北网络公司原创品牌,更为您提供张北网站排名全网营销落地服务。

拿到一组数据,其中的img地址是这样的

使用Vue怎么对图片地址进行拼接

我们想要将它转化为正常的图片地址,需要使用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的优点

Vue具体轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快等优势,Vue中页面使用的是局部刷新,不用每次跳转页面都要请求所有数据和dom,可以大大提升访问速度和用户体验。

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


文章标题:使用Vue怎么对图片地址进行拼接
文章位置:http://kswjz.com/article/gjeiji.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流