2024年06月11日 建站教程
vue中引入绝对路径报错是什么原因？下面web建站小编给大家详细介绍一下解决方法！
报错原因：
typescript不支持require所以之前直接用imgUrl: require(’…/assets/pic.png’)调用！
解决方法：
<template>
<img v-for="item in imgList" :src="/staticgetAssetsImages(item.url)" alt="">
</template>
<script>
import {ref, reactive, onMounted} from "vue";
export default {
name: "imgPage",
setup(){
imgList = reactive([
{url: 'a.png'},{url: 'b.png'},{url: 'c.png'}
])
const getAssetsImages =(name)=> {
return new URL(`/src/assets/pic/${name}`, import.meta.url).href; //本地文件路径
}
return{
imgList,
getAssetsImages
}
}
}
</script>
本文链接：http://so.lmcjl.com/news/6369/