怎么在vue.js项目中插图片?下面本篇文章给大家介绍一下vue.js项目中添加图片的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
1、data(){}中引入图片
{ icon: require('@/assets/images/modules-a5.png-600'), text: '图片', type: 'ui-picture' }
或者
{ icon: require('../../assets/images/modules-picture.png-600'), text: '图片', type: 'ui-picture' }
2、style 中引入图片
background: url(../../assets/images/entry-icon.png-600) 0 0 no-repeat;
3、html中引入图片
<img src="@/assets/images/a-1.png-600" alt="">
或者
<img src="../../assets/images/a-1.png-600" alt="">
更多web开发知识,请查阅 HTML来源[email protected]搞@^&代*@码网中文网 !!
以上就是怎么在vue.js项目中插图片?的详细内容,更多请关注gaodaima搞代码网其它相关文章!