vue动态绑定背景图片

在Vue中，可以使用v-bind:style指令来动态绑定背景图片。具体方法如下：

1.使用data属性来存储背景图片的路径：

data() {
  return {
    bgImg: 'path/to/image.jpg'
  }
}

2.在模板中使用v-bind:style指令来绑定背景图片：

<div v-bind:style="{ backgroundImage: 'url(' + bgImg + ')' }"></div>

或者使用简写方式：

<div :style="{ backgroundImage: 'url(' + bgImg + ')' }"></div>

这样就可以将背景图片动态绑定到指定的元素上了。

如果需要给v-for循环的标签添加背景图片，可以在循环中使用上述方法，并将背景图片路径存储在对应的数据中。

补充：如果在使用v-bind绑定img的src时出现[src="[object Module]"]的问题，可能是因为使用了ES6的import语法导入图片，可以改为使用require语法导入图片，例如：

data() {
  return {
    imgSrc: require('@/assets/image.jpg')
  }
}