vue2中静态文件中的img图片 怎么通过js 动态的绑定到页面的img标签上的src属性中

在 Vue2 中，可以使用 `v-bind` 指令来动态地绑定 `img` 标签的 `src` 属性。假设你有一个图片路径的变量 `imagePath`，你可以这样做：

1. 在 `data` 中定义 `imagePath` 变量：

data() {
  return {
    imagePath: '/static/images/example.jpg'
  }
}

2. 在 `img` 标签中使用 `v-bind` 绑定 `src` 属性：

<template>
  <div>
    <img :src="imagePath" alt="example image">
  </div>
</template>

这样，`img` 标签的 `src` 属性就会被绑定为 `/static/images/example.jpg`。当 `imagePath` 的值改变时，`img` 标签的 `src` 属性也会相应地改变。

如果你想动态地改变 `imagePath` 变量的值，可以使用 `this.$set` 方法或者直接赋值的方式来改变 `imagePath` 的值。例如：

// 使用 this.$set 方法
this.$set(this, 'imagePath', '/static/images/example2.jpg')

// 直接赋值
this.imagePath = '/static/images/example2.jpg'

无论使用哪种方式，只要改变了 `imagePath` 的值，页面中的 `img` 标签的 `src` 属性都会动态地改变。