在Vue3中动态获取assets图片,可以使用import语句来获取。例如:

import myImage from '@/assets/my-image.png'

export default {
  data() {
    return {
      imageSrc: myImage
    }
  }
}

如果需要动态获取图片,可以使用import()方法。例如:

export default {
  data() {
    return {
      imageName: 'my-image.png',
      imageSrc: null
    }
  },
  methods: {
    getImageSrc() {
      import(`@/assets/${this.imageName}`).then(src => {
        this.imageSrc = src.default
      })
    }
  },
  mounted() {
    this.getImageSrc()
  }
}

需要注意的是,在动态获取图片时,需要使用default属性来获取图片的路径


原文地址: http://www.cveoy.top/t/topic/eZII 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录