场景:
当使用图片的时候,如果是使用require的话,就会出现require is not defined的报错,这时就会引入vite的new URL 就需要将代码改成这种
<div class="block" m="t-4">
<el-carousel trigger="click" :autoplay="false">
<el-carousel-item v-for="item in house" :key="item">
<img :src="item.url" />
</el-carousel-item>
</el-carousel>
</div>
const house = reactive([
{
url: new URL('../../assets/img/home.png', import.meta.url).href,
},
{
url: new URL('../../assets/img/home.png', import.meta.url).href,
},
{
url: new URL('../../assets/img/home.png', import.meta.url).href,
},
{
url: new URL('../../assets/img/home.png', import.meta.url).href,
},
{
url: new URL('../../assets/img/home.png', import.meta.url).href,
},
]);