Vue <img :src=""/> 图片不显示
场景
图片路径被原样输出,无法正确加载图片;
<img :src="imgSrc"/>
原因
webpack 会将:src 动态绑定的值解析成字符串,原样输出;
解决办法
将路径使用 require('') 包裹起来;
data(){ return { imgSrc:require('../../imgages/1.png') } }
图片路径被原样输出,无法正确加载图片;
<img :src="imgSrc"/>
webpack 会将:src 动态绑定的值解析成字符串,原样输出;
将路径使用 require('') 包裹起来;
data(){ return { imgSrc:require('../../imgages/1.png') } }