vue 别名引入图片地址

最新推荐文章于 2023-07-02 13:47:51 发布

qq_41091678

最新推荐文章于 2023-07-02 13:47:51 发布

阅读量206

点赞数

本文链接：https://blog.csdn.net/qq_41091678/article/details/116297068

版权

这篇博客讨论了在HTML中正确引用图片资源的方法，包括使用`<img>`标签的标准形式以及通过Vue项目的别名配置来引入图片。作者强调了别名引入在项目中的优势，并展示了如何在data选项中声明和使用图片路径。

摘要由CSDN通过智能技术生成

在这里插入代码片`在这里插入代码片`

//要波浪线
 <img src="~assets/home/icon_nextbig@2x.png" alt="" />
  <img :src="imgSrc" alt="" />
   data() {
    return {
      //   imgSrc: require("@/assets/home/icon_nextbig@2x.png"),
      imgSrc: require("assets/home/icon_nextbig@2x.png"),//别名引入
    };