vue中img双向绑定找不到图片

在 Vue 中，可以使用 `v-bind` 指令的缩写 `:` 绑定 `img` 标签的 `src` 属性。但是，如果绑定的图片地址不存在，就会出现找不到图片的情况。

解决方法：

1. 确保图片地址正确，可以通过在浏览器中直接访问图片地址，查看是否能够正常显示图片。

2. 如果图片地址正确，可以使用 `v-if` 指令判断图片是否存在，如果不存在则不渲染 `img` 标签。

   <img v-if="imageUrl" :src="imageUrl" alt="图片">

在 Vue 实例中，要将 `imageUrl` 绑定到数据中，例如：

   data() {
     return {
       imageUrl: 'https://example.com/image.png'
     }
   }

如果要动态更改图片地址，可以使用 `this.$set` 或者 `Vue.set` 方法。

   this.$set(this, 'imageUrl', 'https://example.com/new-image.png');
   // 或者
   Vue.set(this, 'imageUrl', 'https://example.com/new-image.png');

这样就可以实现在 Vue 中动态绑定图片地址，并且避免找不到图片的情况。