vue中使用行内式写背景图

首先一般的行内式和背景图的行内式不同// 没有效果<div :style=" background: url(../img.jpg);"></div>解决方法：<div :style="{ 'background': 'url('+require('../img.jpg')'+)'}"></div>或<!-- backgroundImg 是变量

凡小多

5941人浏览 · 2022-04-22 16:21:09

凡小多 · 2022-04-22 16:21:09 发布

首先一般的行内式和背景图的行内式不同

// 没有效果
<div :style=" background: url(../img.jpg);"></div>

解决方法：

  <div :style="{ 'background': 'url('+require('../img.jpg')+')'}"></div>
或
<!-- backgroundImg 是变量(图片地址) -->
<div :style="{ 'background': `url(${backgroundImg})`}"></div>