使用document.getElementById改变div的背景图片时 图片不显示？

Question

如图所示，都显示已经添加上了，但是一点击就成了空白。

<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%";
}

到底是啥原因，一直没找到，求指点。图片的路径没有问题，它就是显示不上，究竟是哪的问题，一直找不到原因。

Answer 1

给div通过css设置宽和高