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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 极兔速递电子面单API接口-快递鸟[通俗易懂]

    极兔速递电子面单API接口-快递鸟[通俗易懂]目录1.完成前期准备工作2.API接口3.请求完整报文(示例)4.成功返回报文(示例)5.失败返回报文(示例)6.分步讲解(C#版本)7.极兔速递电子面单打印模板内容(HTML)8.关于签名前言J&T极兔速递是一家科技创新型互联网快递物流企业,致力于为用户带来优质的快递和物流体验。2015年8月由印尼首都雅加达作为起点,进入快递物流市场,目前覆盖了印度尼西亚、越南、马来西亚、泰国、菲律宾、柬埔寨及新加坡七个国家,成为东南亚超过5.5亿人口信赖的综合性物流服务商。电子面单模板

    2022年6月20日
    80
  • r语言的for循环_两效十MVR强制循环

    r语言的for循环_两效十MVR强制循环R语言for循环for循环本教程将针对初学者,探讨如何在R语言中编写基本的for循环和嵌套式for循环。简单for循环R中for循环的基本语法是:for(iR简单for循环示例:#forloopinR上述例子中直接将结果进行print,在实际应用中基本不会这么做。一般会将输出结果以向量或其他形式储存。如下:x5)for(iin1:5){x[i]2}x#outp…

    2025年7月14日
    3
  • 查看Android apk签名信息

    查看Android apk签名信息必须先安装jdk并配置好环境变量,然后运行->CMD->输入以下命令keytool-list-printcert-jarfileapp.apkWmImac-52:~fanyuanhua$keytool-list-printcert-jarfile/Users/fanyuanhua/2019-10/备忘录记事本/10.25/app-tencent-release-…

    2022年6月8日
    39
  • 各个刷流量软件总结对比

    各个刷流量软件总结对比1流量精灵从官网上看挂了大半天平均每个网址就可以有一千个IP(一般流量精灵只能刷三个网址,我是自己的电脑和虚拟机一起开,虚拟机只能刷两个网址)效果很理想,估计一天下来五千个IP没有问题.而实际查看一个网页的浏览量只有两三百.可见流量精灵也不过是招摇撞骗,把我们辛辛苦苦的流量都偷走了.2流量宝流量获取情况:累积在线五个小时,获取的695个IP,刷三个网…

    2022年9月29日
    2
  • 注会综合记忆锦囊:手绘PEST模型,记忆可以这样玩「建议收藏」

    注会综合记忆锦囊:手绘PEST模型,记忆可以这样玩「建议收藏」【】综合的记忆量非常庞大,且看小萌有妙招,通过“关键词”和“手绘图”带你一起巧记忆。一、PEST宏观环境分析:4项1.政治因素:4项(1)执政党所持的态度和推行的基本政策(2)企业所在国家和地区的政局稳定状况(3)政府行为对企业的影响(4)各政治利益集团对企业活动产生的影响2.法律环境因素:4项(1)国家司法机关和执法机关(2)国际法所规定的国际法律环境和目标国

    2022年5月23日
    36
  • 攀枝花与神州数码公司签订战略合作协议将建芒果数据中心

    攀枝花与神州数码公司签订战略合作协议将建芒果数据中心

    2022年3月4日
    66

发表回复

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

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