Element-UI中走马灯图片无法显示的问题

废话不多说代码奉上:这里说一下height的大小问题,我放的图片是3200*1250的
看了其他帖子上试了很多都不行,后来发现可能就是图片大小的原因

然后我直接在浏览器后台找到了我图片div的位置

请注意

下面是绑定图片地址

1250-3200是我的图片的大小
this.screenWidth获取你视口的大小

找到图片父级标签的class类名,然后然后然后width和图片的width都设置100%
你就能看到一张完整的图片啦,还有随着浏览器比例缩放

第一次发,有错误的地方请指正哈,嘻嘻嘻嘻嘻

Element-UI中走马灯图片无法显示的问题相关推荐

element ui中走马灯放图片
官方文档地址: https://element.eleme.cn/#/zh-CN/component/carousel require 是 commonjs 的语法.目的是根据路径引入图片.浏览器是不 ...
Vue HTML：在Vue上写Html遇到的一些问题，html的首行缩进，html的行间距，element UI的回到顶部不显示
Vue & HTML:在Vue上写Html遇到的一些问题,html的首行缩进,html的行间距,element UI的回到顶部不显示资源: HTML 教程- (HTML5 标准) 怎么快速上 ...
关于Element UI中页面样式小问题
一,修改组件dialog窗口的大小二,在我使用upload组件上传一张美女图片时,发现当预览图片时,图片是灰色的,点击一下才会变亮,这种效果使我很不舒服,于是我通过添加下面的一条样式,问题解决了(可 ...
Element UI中Steps 步骤条description描述换行展示
突然要求加了个显示字段,之前的代码只能显示一行,于是乎找到了解决办法,代码如下:其中的属性自行到官网查看释义吧:Element UI官网传送门 <el-table><!-- 可展开的 ...
向窗体中拖放图片并显示
Frm_Main.cs View Code 1 using System; 2 using System.Collections.Generic; 3 using System.ComponentMo ...
Web前端笔记-element ui中table中某列添加a便签进行跳转
效果是这样的: 这里的文章标题和查看都可以进行跳转. 其中对应的代码如下: <template style="height: 100%"><el-table:da ...
Web前端笔记-修改element ui中表格样式（透明、去横纵线等含修改思路）
官方效果是这样的: 此处改成了这样的效果: 此处是可以进行滑动的,就是去除了滑动条,仍能滑动的效果. 下面说下修改样式,找到使用el-table的vue组建: 在style中贴上: <style ...
关于Element UI中select组件中遇到的问题
问题一:在使用select组件设置多选功能后,窗口抖动问题? 详细描述:在我使用select做多选的功能时出现了窗口抖动的问题,测试的时候发现,在有些人的电脑上抖动,有些人的电脑上不抖,找了很多文档, ...
Vue.js项目中,当图片无法显示时则显示默认图片
Vue.js项目中,当图片无法显示时则显示默认图片使用onerror方法最近在学习Vue时,遇到了一个问题,就是从后台传过来的图片路径无效时,需要在页面显示默认图片本人试了3种方法,2种方法失败了 ...

Element-UI中走马灯图片无法显示的问题

Element-UI中走马灯图片无法显示的问题相关推荐

最新文章

热门文章