Vue中引用assets中图片的实现方式
更新时间:2023年10月17日 08:39:01 作者:有玉微凉,是为樱琅
这篇文章主要介绍了Vue中引用assets中图片的实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue中引用assets中图片的方式
作为img标签引进来
<img class="img" alt="example" :src="require('./../assets/image/applicationOne.png')">
作为背景图片引入
<span :style="'background-image:url('+require('./../assets/image/gotoSystemTwo.png')+')'" ></span>
解决vue引入assets下图片路径找不到问题
<img :src="imgsrc2"> export default{ data(){ imgsrc2: require('../assets/logo4.png') } }
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
在elementui中Notification组件添加点击事件实例
这篇文章主要介绍了在elementui中Notification组件添加点击事件实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案
这篇文章主要介绍了vue本地构建热更新卡顿的问题“75 advanced module optimization”解决方案,每次热更新都会卡在 "75 advanced module optimization" 的地方不动了,如何解决这个问题呢,下面小编给大家带来了解决方案,需要的朋友可以参考下2022-08-08
最新评论