vue 动态绑定背景图片

<div class="racetm" :style="{backgroundImage: ‘url(‘ + (coverImgUrl ? coverImgUrl : baseImg) + ‘)‘, backgroundSize:‘100% 100%‘, backgroundRepeat: ‘no-repeat‘}">


</div>

<script>
    export default {
        name: "racehome",
        data(){
            return{
                baseImg: require(‘../../assets/images/other/campain_bg.jpg‘),
                coverImgUrl: ‘‘,
            }
        },
        methods:{
            _getracerule(){
                getracerule({id: this.id},{‘token‘:Cookies.get(‘token‘),‘platform‘: ‘web‘}).then((data)=>{
                    this.rule=data.rule;
                    this.coverImgUrl = data.bg_url;
                })
            },
    }
</script>

　　　　.racetm
            width: 100%
            height:100%;
            background:#fff