博客

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

  • Post author:
  • Post category:vue


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        
     }    
}}


版权声明：本文为weixin_44465745原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。