原文:uni-app <image>和vue中img标签动态绑定src不显示本地图片

因为需要根据后端返回的数据渲染不同的图片,所有要对imge标签的src进行动态绑定。 以下是静态绑定时的代码,静态绑定无任何问题。 下方是静态绑定时的正常图片: 以下是动态绑定时的代码,但是图片无法显示。 无法显示效果图: 解决办法一:用将路径放入require 中。 解决办法二:不要使用.. ,改为根目录 ...

2022-02-20 01:17 0 6472 推荐指数:

查看详情

Vueimg标签src动态绑定图片路径报错问题解决

需求:需要将原来的vue项目中的图片改为动态切换,例如鼠标移入换下一张,按钮点击换另一张 问题:正常来说想到的就是将src='www.baidu.com'改为:src='imgSrc',然后data定义路径,配合事件切换,但是会发现在打包编译后,图片的地址是找不到的,解决办法就是使用 ...

Wed Sep 22 16:52:00 CST 2021 0 124
vueimg动态绑定src使用别名图片显示不出

src动态绑定图片路径 没有将别名替换出来,图片自然也不会显示 然而,在直接在template的img写的src可以正常显示 js图片用require引入,可以正常显示图片 原理 当时想不通,imgsrc 绑定的是变量 ...

Mon Aug 23 05:14:00 CST 2021 0 191
vue动态绑定img标签src地址

问题代码: <li v-for="(item,index) in images" :key="index"> <img :src="item.src"></li> 如果使用vue-lazyloader加载那就是: <img v-lazy ...

Sat Feb 23 06:31:00 CST 2019 0 6521
Vueimg动态src不显示图片

解决方法:加上require()即可 <img :src="power>0 ? require('../../images/order/anchor-bg.png') : require('../../images/order/seller-bg.png')"/> ...

Tue Jun 22 22:36:00 CST 2021 0 225
uni-app如何动态绑定背景图片

1.问题 有时候我们需要一个功能就是背景颜色需要随着传入的图片改变而改变,这时我们肯定是不能把背景图片的引入放在css里面了,那么就只有想着怎么去动态引入它 2.解决 ,方法就是用字符串拼接的方式 ...

Thu Aug 13 19:52:00 CST 2020 0 2347
uni-appapp本地背景图片不显示的问题

经常会遇到使用本地图片做背景时,在本地预览没问题,到了app调试,图片就不出现的问题 使用这种写法 background: url(~@/static/index/neckdiscount.png)no-repeat; 即可解决问题 ...

Sat Aug 28 18:21:00 CST 2021 0 543
vue v-for循环解决img标签src动态绑定问题

一、概述 示例代码: 发现这样运行会报错 二、解决方法 img标签动态绑定src 完整代码如下: View Code 总结:主要是图片位置的问题,图片存放在什么位置,能够让img通过src动态绑定对应的值 ...

Mon Mar 29 18:36:00 CST 2021 0 847
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM