vue动态style设置背景图片

vue项目中，这里需要动态style设置背景图片<div:style="{'background': data.avatar == ''?'url(' + defaultImg + ')':'url(' + data.avatar + ')','background-repeat':'no-repeat','background-size':'100%'}"></div>.

范天缘

10994人浏览 · 2022-05-09 16:20:05

范天缘 · 2022-05-09 16:20:05 发布

vue项目中，这里需要动态style设置背景图片

<div 
  :style="{'background': data.avatar == ''? 
      'url(' + defaultImg + ')'
      :'url(' + data.avatar + ')',
      
      'background-repeat':'no-repeat',
      'background-size':'100%'
      }"
></div>