VUE 实现base64显示验证码图片显示

可以使用 `vue-base64-image` 插件来实现在 Vue 中显示 base64 格式的验证码图片。

首先安装插件：

npm install vue-base64-image --save

然后在需要显示验证码的 Vue 组件中引入插件：

import Base64Image from 'vue-base64-image'

在模板中使用 `Base64Image` 组件，将 base64 格式的验证码图片作为 `src` 属性传入即可：

<Base64Image :src="captcha" />

其中，`captcha` 是包含验证码图片的 base64 字符串。

完整代码示例：

<template>
  <div>
    <Base64Image :src="captcha" />
    <button @click="refreshCaptcha">刷新验证码</button>
  </div>
</template>

<script>
import Base64Image from 'vue-base64-image'

export default {
  components: {
    Base64Image
  },
  data() {
    return {
      captcha: ''
    }
  },
  mounted() {
    this.refreshCaptcha()
  },
  methods: {
    refreshCaptcha() {
      // 通过 API 获取包含验证码图片的 base64 字符串
      // 这里只是示例，具体实现需要根据实际情况进行调整
      this.captcha = 'data:image/png;base64,iVBORw0KG...'
    }
  }
}
</script>