vue3 怎么动态获取assets图片但是这个require写法会报错
在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 著作权归作者所有。请勿转载和采集!