只需要引入单个图片
<template>
<el-image
:src="example"
:preview-src-list="[example]"
:initial-index="0"
fit="cover"
/>
</template>
<script>
import example from "@/assets/example.png";
export default {
setup(){
return{
example
}
}
}
</script>
动态引入图片
此方法推荐
export default const getAssetsFile = (url: string) => {
return new URL(`../assets/images/${url}`, import.meta.url).href
}
<img :src="getAssetsFile('/home/home_icon.png')" />
CSS中引入图片
需要使用相对路径
.imgText {
background-image: url('../../assets/example.png');
}