vue.js中引入圖片
阿新 • • 發佈:2018-12-17
vue中引入圖片
前言:vue中引入圖片時,會顯示不出來,除非在css中引入。而在template中或者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>