vue.js - 带有 Vue 的背景图片

Question

我想在我的 Vue 项目的 App.vue 文件中添加背景图片。

我在资产文件夹中使用名为“leaves.jpg”的文件进行了尝试，但结果为空白。

<template>
<div :style="{'background-image':'url(./assets/leaves.jpg)'}">
</div>

</template>

<script>
export default {
  data () {
    return {
    }
  }
}
</script>

<style>

</style>

标签： vue.jsbackground

Answer 1

尝试在样式标签中添加背景图像，如下所示。

<style>
div {
  background-image: url('custom1.png')
}
</style>