问题:vue-cli工程中如何使用背景图?
第一种方法:通过 import 引入
首先,引入要使用的背景图片:
<script type="text/javascript"> import cover from "../assets/images/cover.png"; export default{ ... } </script>
然后,通过 v-bind:style 使用:
<div :style="{ backgroundImage:'url(' + cover + ')' }"></div>
第二种方法:通过 require 引入:
直接通过 v-bind 和 require 配合使用
<div :style="{ backgroundImage:'url(' + require('../assets/images/couver.png') + ')' }"></div>