More than 3 years have passed since last update.

vue.js css background-image を指定

CSS3
Vue.js

Posted at 2020-09-09

vue.js で background-image を指定したい。

hoge.vue


<div v-if="bg" :style="{ 'background-image': 'url(' + bg + ')' }" style="padding-top: 16%;background: no-repeat center center;background-size: cover;"></div>


//略
data () {
    return {
        bg:'',

これで bg の値が変わるたびに背景も変化する。

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up