![](https://img-blog.csdnimg.cn/2019112916091739.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
element-ui
填了个大空
这个人不懒,但是他什么都不想留下
展开
-
element-ui中el-image组件打开预览功能后,点击当前的图片,预览出来的不是当前,是切换后关闭之前的那一张
el-image组件它是先渲染好浏览图片的div,当点击图片时直接把隐藏的div显示出来。当关闭时就直接隐藏div,下次点击又是直接显示div,并没有处理图片顺序。所以再次打开就是展示关闭前的图片。//如果想每次点击都显示第一张。目前一个方法就是监听图片添加一个点击事件,对this.srcList重新赋值就可以了mounted() { document.addEventListener('click', (e) => { if (e.target.classList.contains('el原创 2020-06-09 10:56:13 · 8221 阅读 · 6 评论 -
upload上传时,唯一文件类型说明符accept说明
唯一文件类型说明符唯一的文件类型说明符是描述类型的文件可以由用户在被选择的字符串类型的元件file。每个唯一文件类型说明符都可以采用以下形式之一:一个有效的不区分大小写的文件名扩展名,以句点(“。”)字符开头。例如:.jpg,.pdf,或.doc。有效的MIME类型字符串,不带扩展名。字符串,audio/*表示“任何音频文件”。字符串,video/*表示“任何视频文件”。字符串,i...原创 2020-04-01 15:01:16 · 4462 阅读 · 0 评论 -
element-ui 对form表单中upload上传组件的验证
将上传组件放入form表单中,可能会遇到,触发了必传验证之后,再次上传图片,必传验证提示信息未消失,如图代码如下// 表单组件中嵌入upload组件<el-form :model="form" :rules="rules" ref="form"> <el-form-item label="上传头像" prop="imgurl"> <e...原创 2019-12-11 16:12:59 · 3797 阅读 · 8 评论 -
element-ui日期时间选择框picker-options如何禁用时间范围
如何在日期时间选框中禁止选择一定的时间范围首先看一下官方文档中 picker-options 相关的介绍红圈中 disabledDate 方法就是禁用规定日期的配置项,该方法参数为当前所有的日期,方法使用如下/* 日期时间组件 */<el-date-picker value-format="yyyy-MM-dd" :picker-options="pickeroptions...原创 2019-12-03 20:03:35 · 14843 阅读 · 1 评论 -
vue修改element默认样式
在vue常用组件库element-ui中,遇到由于项目需求去修改部分组件的样式而无法修改的问题比如当我们使用这个tabs标签页在项目中时,按照文档复制粘贴放入vue组件各种配置好之后,发现下面多出来的底部边框需求上ui不需要,影响整体美观于是我们检查该组件的类名,并尝试修改他的样式找到原因,底部边框是因为::after的样式,将height取消之后发现tabs没有了边框于是在...原创 2019-11-27 16:36:46 · 1723 阅读 · 0 评论