vue 动态绑定背景图

1:backgroundImage && 三目运算符

<div
  :style="{backgroundImage: 'url(' + (detailData.status == 1 ? imgUrl : norImgUrl) + ')'}"
   class="quan-bac-img"
 >

data() {
  return {
    norImgUrl: require("../../assets/img/img_coupon_nor@2x.png"),
    imgUrl: require("../../assets/img/img_coupon@2x.png")
  };
},

2:backgroundImage

<div
  :style="{backgroundImage: 'url(' + imgUrl + ')'}"
   class="quan-bac-img"
 >

data() {
  return {
    imgUrl:null
  };
},
created() {
 	if(this.detailData.status == 1){
 		this.imgUrl = "require('../../assets/img/img_coupon_nor@2x.png')"
 	}else{
		this.imgUrl = "require('../../assets/img/img_coupon@2x.png')"
	}
},