vue中显示静态图片怎么引用

vue中显示静态图片怎么引用

大家好,又见面了,我是你们的朋友全栈君。

有多种方法解决这个问题:

首先,如果使用的是img标签那么可以这样

data () {
    return {
        img: require('path/to/your/source') } } 然后在template中 <img :src="img" /> 

如果使用的是背景图的方式,那么

 
可以这样 data () { return { img: require('path/to/your/source') } } <div :style="{backgroundImage: 'url(' + img + ')'}"></div> 或者直接在css中定义 background-image: url('path/to/your/source');

转载于:https://www.cnblogs.com/snowhite/p/9115695.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/107490.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Python字符串匹配—-6种方法的使用「建议收藏」

    Python字符串匹配—-6种方法的使用「建议收藏」1.re.match尝试从字符串的起始位置匹配一个模式,如果不是起始位置匹配成功的话,match()就返回none。importreline=”thishdr-biz123modelserver456″pattern=r”123″matchObj=re.match(pattern,line)2.re.search扫描整个字符串并返回第一个成功的匹配…

    2022年5月26日
    56
  • risc系统服务器,RISC架构三款处理器

    risc系统服务器,RISC架构三款处理器富士通在去年8月份的HotChips24大会上发布了其Sparc架构的16核处理器Sparc64-X,与此同时,甲骨文也发布了同样为Sparc架构的16核心处理器SparcT5,IBM的Power7+也是在此次大会上发布的。HotChips24三款CPU主题演讲IBM的Power7+采用的32nm支持工艺,8核心,最高主频超过5GHz,已经在IBM大型机ZzEnterpriseEC1…

    2025年8月19日
    3
  • 关于计算时间复杂度和空间复杂度

    关于计算时间复杂度和空间复杂度相信学习编程的同学 或多或少都接触到算法的时间复杂度和空间复杂度了 那我来讲讲怎么计算 nbsp nbsp nbsp nbsp 常用的算法的时间复杂度和空间复杂度一 求解算法的时间复杂度 其具体步骤是 nbsp 找出算法中的基本语句 算法中执行次数最多的那条语句就是基本语句 通常是最内层循环的循环体 nbsp 计算基本语句的执行次数的数量级 只需计算基本语句执行次数的数量级 这就意

    2025年7月10日
    3
  • 数学建模之方差分析模型_数学建模层次分析法

    数学建模之方差分析模型_数学建模层次分析法《数学建模算法与应用》学习小结(11-20章)方差分析(AnalysisofVariance,ANOVA)应用场景单因素方差分析双因素方差分析方差分析(AnalysisofVariance,ANOVA)——用数理统计分析试验结果,鉴别各因素对结果影响程度的方法。人们关心的试验结果称为指标,试验中需要考察、可以控制的条件称为因素或因子,因素所处的状态称为水平应用场景为了使生产过…

    2022年10月15日
    3
  • goland最新激活码[最新免费获取]

    (goland最新激活码)JetBrains旗下有多款编译器工具(如:IntelliJ、WebStorm、PyCharm等)在各编程领域几乎都占据了垄断地位。建立在开源IntelliJ平台之上,过去15年以来,JetBrains一直在不断发展和完善这个平台。这个平台可以针对您的开发工作流进行微调并且能够提供…

    2022年3月28日
    51
  • 利用matlab画图(r语言能画出哪些图)

    clearallcloseallloadyi.txta=yi;b={‘北京”天津”石家庄”唐山”秦皇岛”太原”呼和浩特”包头’…’沈阳”大连”丹东”锦州”长春”吉林’…

    2022年4月17日
    41

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号