本文环境:windows7、vue2.9.6,该方法适用于所有品牌的电脑。
vue.js添加图片的方法:
方法一:
图片通过后端返回引入网络图片路径即可。
<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>
以上就是vue.js怎么添加图片的详细内容,更多请关注其它相关文章!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。