vue点击按钮更换背景图片

您可以通过以下步骤实现Vue中点击按钮更换背景图片：

1. 将需要更换的背景图片存储在Vue组件的data中，例如：

data() {
  return {
    backgroundImage: 'url(https://example.com/background1.jpg)'
  }
}

2. 在Vue组件中添加一个按钮，并为其绑定一个点击事件，例如：

<template>
  <div>
    <button @click="changeBackground">更换背景图片</button>
    <div :style="{ backgroundImage }"></div>
  </div>
</template>

3. 在Vue组件的methods中添加changeBackground方法，该方法将在点击按钮时触发，并更新组件的data中的背景图片：

methods: {
  changeBackground() {
    this.backgroundImage = 'url(https://example.com/background2.jpg)'
  }
}

4. 最后，您可以通过CSS样式来设置背景图片的尺寸和其他样式，例如：

div {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100vh;
}