vue.js css background-image を指定

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 の値が変わるたびに 背景も変化する。