如图所示,都显示已经添加上了,但是一点击就成了空白。
<div
id="box_img1"
@click="go1()"
>
<p>经 济 因 素</p>
</div>
go1() {
document.getElementById("box_img1").style.backgroundImage="url(./../../../assets/student/img/marketa1.png)";
document.getElementById("box_img1").style.backgroundRepeat = "no-repeat";
document.getElementById("box_img1").style.backgroundSize = "100% 100%";
}
到底是啥原因,一直没找到,求指点。图片的路径没有问题,它就是显示不上,究竟是哪的问题,一直找不到原因。
给div通过css设置宽和高