因为需要根据后端返回的数据渲染不同的图片,所有要对imge标签的src进行动态绑定。 以下是静态绑定时的代码,静态绑定无任何问题。 下方是静态绑定时的正常图片: 以下是动态绑定时的代码,但是图片无法显示。 无法显示效果图: 解决 ...
v for绑定src的数据如下: 渲染之后,发现图片不显示,上网查找之后发现是因为本地图片链接是需要通过require包裹的 然后就会发现好使了 ...
2019-01-08 17:56 0 6858 推荐指数:
因为需要根据后端返回的数据渲染不同的图片,所有要对imge标签的src进行动态绑定。 以下是静态绑定时的代码,静态绑定无任何问题。 下方是静态绑定时的正常图片: 以下是动态绑定时的代码,但是图片无法显示。 无法显示效果图: 解决 ...
src动态绑定图片路径 没有将别名替换出来,图片自然也不会显示 然而,在直接在template的img中写的src可以正常显示 js中图片用require引入,可以正常显示图片 原理 当时想不通,img 的src 绑定的是变量 ...
需求:需要将原来的vue项目中的图片改为动态切换,例如鼠标移入换下一张,按钮点击换另一张 问题:正常来说想到的就是将src='www.baidu.com'改为:src='imgSrc',然后data定义路径,配合事件切换,但是会发现在打包编译后,图片的地址是找不到的,解决办法就是使用 ...
问题: 在做Vue项目的时候,由于项目需求,需要动态绑定img的src时,突然发现如果说是直接请求后台接口的图片地址就能显示, 但是直接动态绑定img的src的图片的相对路径或者是绝对路径的时候,图片不能显示。 解决方案 1 当在给数据MyimgSrc 设置绝对路径或者是 ...
在做vue项目开发的时候,发现一个问题就是h5标签audio里的src属性如果动态绑定的话,无法播放 动态绑定src的模式无效,必须在调用接口的时候获取数据,并赋值给src ...
需要前端循环图片数组将其放到页面中去。 需要将src渲染到页面中,如果单纯写src的路径会出现不显示图片的问题 因为图片路径在assets,所以需要require一下。 ...
解决方法:加上require()即可 :src="power>0 ? require('../../images/order/anchor-bg.png') : require('../../images/order/seller-bg.png')"/> ...
就得ref操作dom要不然不行 ...