vue将base64转换为img图片路劲

在Vue中，可以使用以下代码将base64字符串转换为图片路径：

<template>
  <div>
    <img :src="imgPath" alt="图片">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imgPath: ''
    }
  },
  mounted() {
    this.base64ToImgPath('data:image/png;base64,iVBORw0KG...') // 传入base64字符串
  },
  methods: {
    base64ToImgPath(base64Str) {
      const blob = this.base64ToBlob(base64Str)
      const url = URL.createObjectURL(blob)
      this.imgPath = url
    },
    base64ToBlob(base64Str) {
      const arr = base64Str.split(',')
      const mime = arr[0].match(/:(.*?);/)[1]
      const bstr = atob(arr[1])
      let n = bstr.length
      const u8arr = new Uint8Array(n)
      while (n--) {
        u8arr[n] = bstr.charCodeAt(n)
      }
      return new Blob([u8arr], {type: mime})
    }
  }
}
</script>

其中，base64Str是base64字符串，base64ToImgPath是一个方法，用于将base64字符串转换为图片路径。在mounted钩子函数中，调用该方法并传入base64字符串。该方法首先将base64字符串转换为Blob对象，然后通过URL.createObjectURL方法将Blob对象转换为图片路径，最后将图片路径赋值给img的src属性。