Vue3 中怎么引入图片

vue3中怎么引入图片呢 类似之前
import icon from icon;
data(){
return {
icon
}
}

1 Like

你可以使用bind 图像url

<img :src = "url" />

data() {
    return {
        url: www.xxx.com/image/1.jpg
      }
}

import 导入的话有没有遇到打包后图片路径错误

如果是本地图片的话,需要使用 require

https://vue-loader.vuejs.org/guide/asset-url.html#asset-url-handling

遇到了 所以我改为了 :src=“require(‘XXXXX.img’)”

可以简写成:src=“XXXXX.img”