vue动态绑定图片src,vue循环绑定img的src

　　本文主要介绍了在Vue中img动态拼接src图像地址的问题。本文通过示例代码向您详细介绍，对您的学习或工作有一定的参考价值。有需要的朋友可以参考一下。

　　我们来看看Vue: src图像地址中的img动态拼接，具体如下：

　　使用场景：根据后端返回的图片标识匹配本地图片资源。

　　比如前端根据后端返回的k1标签，生成assets/images/inventory/k1.png图片资源的路径。

　　模板

　　div class=fl

　　img:src= getImgUrl(gathereinfo . img 1) alt=

　　img:src= getImgUrl(gathereinfo . img 2) alt=

　　img:src= getImgUrl(gathereinfo . img 3) alt=

　　/div

　　/模板

　　data(){

　　返回{

　　gathereinfo:{

　　标题：“库存汇总信息”，

　　img1: k1 ，

　　img2: k2 ，

　　img3: k3 ，

　　},

　　}

　　}

　　在方法中

　　//获取图片地址

　　getImgUrl (img) {

　　需要退货( @/资产/图像/库存/ img )。png’)；

　　},

　　这篇关于Vue中img的动态拼接的文章到此为止：src图像地址。更多关于vue img动态马赛克的信息，请搜索我们之前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。