js中导入本地图片资源

  • 如果图片不在本地,在某个服务器上,如http://www.xxx.com/1.png

  • js 中直接使用

<script>
	data(){
	return {
        
        url:'http://www.xxx.com/1.png'
    }    
}    
</script>
  • 如果图片在本地呢?

不能使用相对路径:./assert/1.png

  • 解决方法
<script>
    import imgUrl from './assert/1.png'
	data(){
	return {
        
        url:imgUrl
    }    
}    
</script>
posted @ 2023-02-04 15:03  凌歆  阅读(222)  评论(0)    收藏  举报