vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > Vue中引用assets中图片方式

Vue中引用assets中图片的实现方式

作者:有玉微凉,是为樱琅

这篇文章主要介绍了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')
     }

}

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文