vue操作dom添加背景图

Vue 操作 DOM 添加背景图可以通过以下方式实现：

1. 在组件的 template 中添加一个带有样式的 div 元素，并绑定一个背景图的动态绑定属性：

   <template>
     <div :style="{ backgroundImage: `url(${bgImageUrl})` }"></div>
   </template>

2. 在组件的 data 中定义一个 bgImageUrl 数据属性，用来存储背景图的 URL：

   <script>
   export default {
     data() {
       return {
         bgImageUrl: 'https://example.com/background.jpg'
       }
     }
   }
   </script>

3. 通过 Vue 的方法，修改 bgImageUrl 的值并动态更新背景图：

   <script>
   export default {
     methods: {
       changeBackground() {
         this.bgImageUrl = 'https://example.com/another_background.jpg'
       }
     }
   }
   </script>

在上述代码中，当调用 changeBackground 方法时，会将 bgImageUrl 的值修改为另一张背景图的 URL，从而实现动态更新背景图的效果。

希望这个回答能够帮到你！