vue div 设置背景图片
时间: 2023-07-22 16:51:44 浏览: 122
electron+vue实现div contenteditable截图功能
你可以使用 Vue 的样式绑定来设置 div 的背景图片。首先,在你的组件中定义一个样式对象,例如:
```
<template>
<div class="my-div" :style="{ backgroundImage: 'url(' + imageUrl + ')' }"></div>
</template>
<script>
export default {
data() {
return {
imageUrl: 'https://example.com/image.jpg'
}
}
}
</script>
```
在样式对象中,`backgroundImage` 属性指定了背景图片的 URL,这个 URL 可以从组件的数据中获取。`:style` 绑定将这个样式对象应用于 div 元素上。注意,我们在 URL 前后加了单引号和加号,这是因为我们需要将 URL 字符串和其它字符串拼接在一起。
阅读全文