动态导入图片
最编程
2024-03-17 20:42:13
...
<template>
<div class="box">
<div v-for="item in dataList" :key="item.title">
<img :src="getImage(item.imgUrl)" alt="" />{{ item.title }}
</div>
</div>
</template>
<script>
export default {
data() {
return {
dataList: [
{
imgUrl: "1jpeg.jpeg",
title: "你好",
},
{
imgUrl: "2jpeg.jpeg",
title: "我不好",
},
],
};
},
methods: {
getImage(imgUrl) {
return require(`../assets/${imgUrl}`);
},
},
};
</script>