如何解决vue项目中图片展示的是[object Module]问题

最新推荐文章于 2023-10-16 17:09:19 发布

知途。

最新推荐文章于 2023-10-16 17:09:19 发布

阅读量866

点赞数 1

分类专栏：发布项目文章标签： vue

本文链接：https://blog.csdn.net/weixin_44465745/article/details/108432421

版权

发布项目专栏收录该内容

2 篇文章 0 订阅

订阅专栏

vue项目中这样展示图片，却没有显示图片

<img src="../../images/menu1.png" alt="">

前端页面展示的数据是[object Module]

在这里插入图片描述

<img :src='menu1' alt="">   //注意： src是属性绑定

<script>
import menu1 from "../../images/menu1.png"
import menu2 from "../../images/menu2.png"
import menu3 from "../../images/menu3.png"
import menu4 from "../../images/menu4.png"
import menu5 from "../../images/menu5.png"
import menu6 from "../../images/menu6.png" 

export default {    
    data(){        
      return {            
         menu1:menu1,            
         menu2:menu2,            
         menu3:menu3,            
         menu4:menu4,            
         menu5:menu5,            
         menu6:menu6        
     }    
}}