为了账号安全,请及时绑定邮箱和手机立即绑定

Vue 绑定内联样式设置背景图片为什么会不显示?

Vue 绑定内联样式设置背景图片为什么会不显示?

胡说叔叔 2019-03-01 20:34:11
1.绑定内联样式设置背景图片为什么会不显示?同一个DIV,在CSS里通过ID设置背景图片就能显示2.  <div id="test"    :style="{ backgroundImage:'url('+'./assets/logo.png'+')', backgroundSize:'cover',   backgroundPosition:'center center'}" ></div>       #test {     width: 700px;     height: 500px;     margin: 0 auto;     border: 1px black solid;     background: url('./assets/logo.png');     background-repeat: no-repeat;     background-size: cover;     background-position: center center;     }3.如图而且我发现在CSS里设置的图片路径,在浏览器是渲染成:background: url(/img/logo.82b9c7a5.png); 这样
查看完整描述

3 回答

?
PIPIONE

TA贡献1829条经验 获得超9个赞

<div class="login-vue" :style="bg"></div>this.bg.backgroundImage = 'url(' + require('../../assets/bg0' + new Date().getDay() + '.jpg') + ')'


查看完整回答
1 反对 回复 2019-03-01
?
hduwkk

TA贡献1条经验 获得超0个赞

你试一试不用url包裹。
查看完整回答
反对 回复 2020-05-06
?
小怪兽爱吃肉

TA贡献1852条经验 获得超1个赞

为什么呢?因为你的图片是要经过webpack打包的,你这样写是不行的,在html里面写是不会帮你处理的,要处理可以加require 这个img,写在样式里面有css-loader处理。

查看完整回答
反对 回复 2019-03-01
  • 3 回答
  • 0 关注
  • 5611 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信