关于vuev-for循环解决img标签的src动态绑定问题-创新互联
在解决这个问题上,遇到了很多错误的方案,一直没有跑通,有些是图片标记出现了,但是图片内容没有出现,这就很让人头疼了,下面,我讲解我操作成功的案例吧。
创新互联专注于企业营销型网站建设、网站重做改版、横峰网站定制设计、自适应品牌网站建设、H5高端网站建设、商城网站建设、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为横峰等各大城市提供网站开发制作服务。1、目录结构如下
图片放置在与src同级的static文件夹下,在这里,我放置在slider中
2、数据配置如下:
注意引入的路径,直接从static文件中对应的地方引入。
data () { return { product:[ { "src":'../../static/slider/logo1.jpg', "deceration":"产品1", "price":100, "id":1 }, { "src":"../../static/slider/logo.png", "deceration":"产品2", "price":150, "id":2 }, { "src":"../../static/slider/logo.png", "deceration":"产品3", "price":180, "id":3 } ] } }
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
当前标题:关于vuev-for循环解决img标签的src动态绑定问题-创新互联
网页地址:http://lswzjz.com/article/cccgcd.html