Vue中动态引入本地路径报错

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

本文链接： https://blog.csdn.net/weixin_41847321/article/details/100139785

问题：

HTML中代码：

<img :src="item.image" width="20px" height="20px" />

data中数据 

 item: {
          id: 1,
          name: "哈哈哈",
          image: "../../assets/browser/Chrome.gif",
        },

以这种方式引入时，页面图片渲染不出来。

解决方法：

     image: require("../../assets/browser/Chrome.gif"),