vue实现动态绑定行内样式style的backgroundImage

<div  v-for="item in items" :key="item.id"
   :style="{backgroundImage:'url('+bgimgs[random()].img+')'}">
  </div>

data(){
    return {
	  //用于随机生成背景图片的文件路径列表
      bgimgs:[
        {img:require("../assets/imgs/background_imgs/1.png")},
        {img:require("../assets/imgs/background_imgs/2.png")},
        {img:require("../assets/imgs/background_imgs/3.png")},
        {img:require("../assets/imgs/background_imgs/4.png")},
        {img:require("../assets/imgs/background_imgs/5.jpg")},
        {img:require("../assets/imgs/background_imgs/6.jpg")},
        {img:require("../assets/imgs/background_imgs/7.jpg")},
        {img:require("../assets/imgs/background_imgs/8.jpg")},
    	 ]
    }
  }

:style="{background: (index+1)==actBar?'url(img/'+item.num+'_active.png) no-repeat':'url(img/'+item.num+'.png) no-repeat'}"

:style="'background-image: url(' + item.appface+')'"

:style="'background-image: url('+'img/level/ml/'+girlCharm(item.level)+'.png'+')'"

:style="'background-image: url('+'/static/img/'+item.domainBg+'.png'+')'">

:src="'img/act1_'+dataList.sex+'rule.png'"

:style="{width: giftLen + '%'}"