vue怎么通过src引用assets中的图片 |
您所在的位置:网站首页 › vue中引入图片 › vue怎么通过src引用assets中的图片 |
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 |