vue点击更换背景图片

你可以使用v-bind绑定一个变量来控制背景图片的路径，在点击事件中更改这个变量的值。

例如：

HTML：

<div id="app" v-bind:style="{backgroundImage: 'url(' + backgroundImage + ')'}">
  <button @click="changeBackground">Change Background</button>
</div>

JS：

new Vue({
  el: '#app',
  data: {
    backgroundImage: 'https://example.com/background1.jpg'
  },
  methods: {
    changeBackground: function() {
      this.backgroundImage = 'https://example.com/background2.jpg';
    }
  }
})

这个例子中，初始背景图片是`background1.jpg`，当点击按钮时，会调用`changeBackground`方法，将背景图片更改为`background2.jpg`。