您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

vue.js怎么引入img

2024/3/24 11:19:03发布17次查看
vue.js引入img的方法:1、图片通过后端返回引入网络图片路径;2、通过require引入图片,代码为【imgurl: {src: require('../assets/images/index/banner.png')}】。
【相关文章推荐:vue.js】
vue.js引入img的方法:
解决一
图片通过后端返回引入网络图片路径即可。
<div class="banner-item" :style="{'background': `url(${$base.urlimage}${item.shufflingurl})`,'background-size':'cover'}" ></div>
解决二
通过require引入图片
<script> export default { data() { return { imgurl: { src: require('../assets/images/index/banner.png'), } } } } </script>
<script> require obanner from '../assets/images/index/banner.png' export default { data() { return { imgurl: { src: obanner, } } } } </script>
以上就为两种图片引入不显示的问题。希望对大家有帮助。
相关免费学习推荐:javascript(视频)
以上就是vue.js怎么引入img的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product