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

相关推荐

  • form表单提交后如何弹出对话框_ajax提交form表单数据

    form表单提交后如何弹出对话框_ajax提交form表单数据定义一个函数:functionsumbit_sure(){vargnl=confirm(“确定要提交?”);if(gnl==true){returntrue;}else{returnfalse;}}然后在form的onsubmit里调用就可以了:

    2022年10月7日
  • pytorch安装、环境搭建及在pycharm中的设置

    pytorch安装、环境搭建及在pycharm中的设置pytorch安装、环境搭建及在pycharm中设置这两天同学在问我pytorch的安装,因为自己的已经安装好了,但是好像又有点遗忘,所以记录一下。一、安装python直接到官网找到和自己设备匹配的版本下载安装即可。安装过程不会出现太多问题,一般情况下python安装在本机上,故可以直接在终端测试是否安装成功。只需win+R——cmd——输入python,就会输出python的版本信息。…

    2022年8月29日
  • python中关于命名的例子_Python 命名规范入门实例「建议收藏」

    python中关于命名的例子_Python 命名规范入门实例「建议收藏」这篇文章主要为大家详细介绍了Python命名规范入门实例,具有一定的参考价值,可以用来参考一下。对python这个高级语言感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧!一,包名、模块名、局部变量名、函数名全小写+下划线式驼峰example:this_is_var二,全局变量全大写+下划线式驼峰example:GLOBAL_VAR三,类名首字母大写式驼峰example:ClassNa…

    2022年6月25日
  • Windows 10 多出多个虚拟显示器的解决方法「建议收藏」

    Windows 10 多出多个虚拟显示器的解决方法「建议收藏」昨天更新Windows101809之后,系统中多出了4个“通用非即插即用监视器”,由于本人长期是笔记本外接显示器使用,出现这个问题后,鼠标会经常性的跑到另外的屏幕上去,甚至一些窗口会跑到其他页面上去。到NVIDIA控制面板查看之后发现多出的显示器是在核心显卡上,所以怀疑是核显的问题。其实之前也出现过类似问题,Google之后发现有人也有类似问题。尝试在任务管理器中卸载多出…

    2022年8月21日
  • 2020年软件测试前景_转行学软件测试的下场

    2020年软件测试前景_转行学软件测试的下场作为一名软件测试工程师,汇智妹可以负责任地告诉你:自信点,把“吗”去掉!为什么?本篇文章将从以下三个维度来为你解读:1.关于软件测试软件测试属新兴职业,且随着目前国内软件产业规模越来越大,软件行业也早已突破传统的作坊式生产,从单打独斗的开发模式升级为工业化、流水线式的生产模式,从而导致专业的软件测试人才需求缺口巨大。作为工业化产品质量的“把门”者,软件测试工程师已成为软件开发企业必不可少的技术人才。目前国内软件测试和开发人员比例大约在1:4~1:5,而国外测试和开发人员比例为1:1,由此

    2022年9月11日
  • dubbo的负载均衡策略

    dubbo的负载均衡策略Dubbo框架的负载均衡策略有以下几种:1、Random随机策略:该策略比较均匀,可以动态的调节权重;2、RoundRobin轮询策略:可以按照权重设置轮询的的比率;3、LeastActive最小活跃数策略:该策略是按照服务提供者的并发数目,该数目越小那么落在该服务提供者的身上越大的概率;4、ConsistentHash一致性策略:hash一…

    2022年7月11日

发表回复

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

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