vue怎么通过src引用assets中的图片

您所在的位置:网站首页 vue中引入图片 vue怎么通过src引用assets中的图片

vue怎么通过src引用assets中的图片

2023-03-07 11:36| 来源: 网络整理| 查看: 265

vue怎么通过src引用assets中的图片 发布时间:2022-03-28 09:15:22 来源:亿速云 阅读:1338 作者:小新 栏目:开发技术

这篇文章主要介绍vue怎么通过src引用assets中的图片,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

vue:src引用assets的图片导入图片并在data中声明 import backImg from "../../assets/images/backimg.jpg";  export default {   data() {     return {     backImg: backImg,     };   }  使用vue引入图片方式对于静态的img,正常引入即可 // 可以使用@当使用模板绑定src时// 不可以使用@,无法解析;也无法找到assets目录

方式1:

// 将图片放到static目录下

方法2:

在data中require()进来:

// html   // data img: require('@/assets/img/login/user.png')

方法3:import进来

// html   // script import img from '@/assets/img/login/user.png' // data img: img

以上是“vue怎么通过src引用assets中的图片”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!

推荐阅读: 解决vue v-for src 图片路径问题 404 Vue中图片Src使用变量的案例分析

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

vue src assets 上一篇新闻:Java设计模式的单例模式如何实现 下一篇新闻:java中并查集的示例分析 猜你喜欢 Spark SQL中怎么创建DataFrames 如何用Pyecharts生成云词 怎么为JQuery EasyUI表单组件增加焦点切换功能 Spark的相关问题有哪些 Hadoop集群同步怎么实现 MySQL Delete PHP有什么作用 Actor并行化的wordcount怎么实现 Scala for循环怎么使用 Hadoop机架怎么配置 HBase过滤器由什么组成


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3