uniapp image 动态绑定 src

在 uni-app 中，可以使用 `:src` 指令来动态绑定图片的路径。例如，如果你有一个 `imgUrl` 变量存储了图片的路径，可以这样绑定：

<template>
  <img :src="imgUrl" />
</template>

在这个例子中，`:src` 表示将 `imgUrl` 的值绑定到 `src` 属性上，使得图片可以动态地显示出来。需要注意的是，`imgUrl` 的值需要是一个可以访问到的图片路径，否则图片将无法显示。

如果想要在 `imgUrl` 变量的值发生变化时更新图片，需要在 `imgUrl` 发生变化时触发更新，例如：

<template>
  <img :src="imgUrl" />
  <button @click="changeImgUrl">Change Image</button>
</template>

<script>
export default {
  data() {
    return {
      imgUrl: 'https://example.com/image.jpg'
    }
  },
  methods: {
    changeImgUrl() {
      this.imgUrl = 'https://example.com/another-image.jpg'
    }
  }
}
</script>

在这个例子中，当点击按钮时，`imgUrl` 的值会从 `https://example.com/image.jpg` 变为 `https://example.com/another-image.jpg`，从而触发图片的更新。