我建议您首先将图像作为常量导入，并将它们分配给钩子或方法中的vue数据属性:

<template>
  <div>
    <img :src="imageDirect" alt="alert">
    <img :src="imageOnHook" alt="alert">
    <img :src="imageOnMethod" alt="alert">
    <img :src="imageRequire" alt="alert">
  </div>
</template>

<script>
const image = require('@/assets/alert_logo_card.png')
export default {
  data: () => ({
    imageDirect: image,
    imageOnHook: null,
    imageOnMethod: null,
    imageRequire: null,
  }),
  mounted() {
    this.imageOnHook = image
    this.imageRequire = require('@/assets/alert_logo_card.png')
    this.assignImage()
  },
      methods: {
        assignImage() {
          this.imageOnMethod = this.imageDirect
        }
      }
}
</script>

我用同样的图像只是为了举例。

类似这样的方法也会奏效:

methods: {
  assignImage() {
    this.imageOnMethod = this.imageDirect
  }
}