vue中background-image图片路径问题
按照以往在css文件中写background:url('图片路径'),完成后加载竟然显示出错,起初以为路径不对,检查了几遍,仍然没有问题。最后百度找答案,发现不少同行都遇到过这种问题,遂记录下自己所采用的解决方式:
data () {return {img: require('你的图片路径')} }
div的写法:
<div :style="{backgroundImage: 'url(' + img + ')'}"> </div>
更简便的写法:
<div :style="{backgroundImage:`url(${img})`}"> </div>
转载于:https://www.cnblogs.com/anns/p/8565033.html
vue中background-image图片路径问题相关推荐
- vue 直接访问静态图片_vue中本地静态图片路径写法
这篇文章给大家介绍了vue中本地静态图片路径写法及Vue.js中引用图片路径的方式,需要的朋友参考下吧 这里写图片描述 需求:如何components里面的index.vue怎样能把assets里面的 ...
- Vue-在data中引入静态图片路径
在data中引入静态图片路径 首先tempate中内容都一样: <template slot="pic" slot-scope="{ row }"> ...
- vue中使用 svg图片
vue中使用 svg图片 1.assets 中新建 icons 文件夹:icons文件夹下 svg 是svg图片,index.js,svgo.yml 文件如下: a. index.js import ...
- 在vue中设置背景图片
在vue中设置背景图片 在App.vue中将样式中默认的margin-top 改为0,使得页面顶部不留白 #app {font-family: 'Avenir', Helvetica, Arial, ...
- 自己解决在Vue中动态渲染图片不显示的问题
乐于助人 前言 分析思路 1. 绝对路径 2. 相对路径 总结 本篇文章记录的是自己在 Vue-Cli2 中如何去解决的这个问题,心里路程比较多,所以话比较多哈哈,感谢阅读,大概耗时2分钟 前言 如上 ...
- vue中设置背景图片的方式
vue中设置背景图片 直接设置背景图片 动态设置背景图片 直接设置背景图片 1.在data中声明背景图片相关配置 export default {data () {return {// 顶部导航背景图 ...
- Vue中import引入模块路径时的@符号
Vue中import引入模块路径时的@符号 1.ES6 模块主要有两个功能:export 和 import export:用户对外输出本模块(一个文件可以理解为一个模块,比如 aaa.js bbb.j ...
- vue 动态加载图片路径报错解决方法
vue 动态加载图片路径报错解决方法 参考文章: (1)vue 动态加载图片路径报错解决方法 (2)https://www.cnblogs.com/qingcui277/p/8930507.html ...
- 小程序富文本标签中文字及图片路径的提取 入坑~填坑
关于从后台请求回来的富文本标签中文字及图片路径的提取. 以下是以我项目为例,希望能对遇到同样问题的小伙伴有所帮助!!
- table vue 背景图片_table中background背景图片自动拉伸
解决android:background背景图片被拉伸问题 ImageView中XML属性src和background的区别: background会根据ImageView组件给定的长宽进行拉伸,而s ...
最新文章
- [repost]Xcode因为证书问题经常报的那些错
- 解决调用HttpContext类
- UA池和IP代理池使用
- 互联网是由多个计算机相互连接而成,计算机网络
- php mysql 连接不上_php连接不上MySQL问题解决办法_PHP教程
- 【原创】OllyDBG 入门系列(一)-认识OllyDBG
- 单片机代码怎么读懂_单片机要这么学?八条谨记!
- DB2数据库添加删除约束项
- 新推多多旅行搅局在线旅游市场,拼多多有多少胜算?
- go——垃圾回收机制(GC)
- matlab彩色图像锐化
- Python: PS 图像特效 — 模糊玻璃
- 第二周 Linux文件管理类命令及bash基本特性
- VS2010在加载项目时,提示无法打开项目文件, 此安装不支持该项目类型的解决方法
- Mac M1系统 miniconda安装、配置conda环境,及在conda环境中安装激活QIIME2
- DDD - 概述 - (一)
- keypad(键盘矩阵)指南
- (转)chrome浏览器收藏夹(书签)的导出与导入
- 常见安全产品系统默认口令
- TCP/IP卷一:06---Internet地址之(IP前缀和聚合)
热门文章
- 计算机毕业设计Python+uniapp+安卓校园兼职APP(WEB+APP+LW)
- 解决Tensorflow安装在导入模块时会出现ImportError: DLL load failed: 找不到指定的模块的问题
- 简单几步打造彩色素描画!
- 证明:行列式的某行元素与另一行对应元素的代数余子式乘积之和为0
- 中国移动首颗MCU芯片——CM32M101A
- 【图解红黑树】删除居然这么简单?假的吧?
- 如何在线创建维恩图 (Venn Diagram)?
- 【网站模板】苹果cms海螺V5修复版影视免费模板
- 装饰者模式(通俗易懂)
- 自动驾驶之路面缺陷检测 道路缺陷检测