VUE框架使用JS动态绑定背景图片

前言

以下讲述如何使用vue框架动态绑定一个html标签的背景图片，两种情况：url链接、项目资源。

---

文章目录

• VUE框架使用JS动态绑定背景图片
• 前言
• 一、动态绑定url链接
• 二、动态绑定项目资源
• 总结

---

一、动态绑定url链接

1.1 代码

document.getElementById("元素id").style.backgroundImage = 'url(' + url链接 + ')';

---

1.2 知识点

• 通过getElementById获取元素设置style.backgroundImage

---

二、动态绑定项目资源

2.1 代码

document.getElementById("元素id").style.backgroundImage = 'url(' + require('../assets/引用你的图片地址.jpg') + ')';

---

2.2 知识点

• 使用require获取项目资源

---

总结

end