ElementUI
兜兜风~
Happy Time
展开
-
如何解决el-select下拉框在ios上 点击两次才能选中的问题
一、移动端截图移动端引用elementUI组件,使用el-select 时,会出现IOS端点击select下拉框后,第一次点击无反应,第二次点击后才选择上,Android手机并没有这个问题,所以查了下资料,它是IOS手机兼容问题导致的,这是只需要添加个样式,这个问题就会解决。解决办法:1、写法一: .el-scrollbar .el-scrollbar__bar { opacity: 1 !important; }2、写法二:.el-scrollbar { > .原创 2021-08-10 11:32:20 · 3780 阅读 · 6 评论 -
Vue+ElementUI el-radio列表单选
实现效果:对某条数据进行数据修改步骤:1、添加单选按钮:(点击获取该条信息的id,并将id传给修改按钮)div.<span size="mini" class="select-button" @click="handleItem" v-loading="loadingButton" element-loading-spinner="el-icon-loading">修改信息</span><el-table size="mini" :data="list原创 2021-03-09 11:09:09 · 2516 阅读 · 0 评论 -
Vue+ElementUI的时间选择器“el-date-picker”结束时间大于开始时间(结束时间在开始时间之前的日期不可选操作)
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-03-04 11:25:56 · 2316 阅读 · 2 评论 -
Vue——ElementUI 如何修改消息提示框样式
前言需求将弹出框添加样式,图1是原图,图2是需要实现的样式,我按照最原始的办法,找到类名,然后修改css,但是无论我新添加个类名也好,还是/deep/深度修改,都无法修改其样式,后经过研究,发现了问题,下面将我的代码和大家分享一下。(图1)(图2)代码分析// 弹出警告提示框this.$confirm('确认删除吗?', '警告', { type: 'warning'}).then(() => { this.$message({ message: '删除成功',原创 2021-01-04 10:59:59 · 4280 阅读 · 4 评论 -
elemnetUI中的嵌套el-dialog弹框中,解决使用custom-class修改样式不生效的问题
举例:<template><div class="main"> <el-button type="text" @click="outerVisible = true">点击打开外层 Dialog</el-button> <el-dialog title="外层 Dialog" :visible.sync="outerVisible"> <el-dialog width="30%" title.原创 2020-12-14 10:27:49 · 11716 阅读 · 2 评论 -
element-ui中el-input搜索框无法回车搜索,而是刷新页面问题的解决方法
用elementUI的搜索框,发现回车搜索无效,而是刷新页面,所以我通过事例来演示一下它的问题,正常添加回车事件@keyup.enter.native后,是可以实现的,但是偶尔会发现它会无效,所以就要用另外的办法,下面通过我的事例来讲解一下。1、事例回车事件@keyup.enter.native<el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form-item label="审批人原创 2020-12-07 09:15:02 · 1223 阅读 · 0 评论 -
elementui组件如何解决输入框内容清空问题(:ref 绑定控件,$refs 获取控件)
111解决element的表单校验输入框有值但校验未通过的问题2222vue的Element组件上传文件el-upload上传成功后清空原创 2020-11-24 15:58:29 · 4364 阅读 · 0 评论 -
element-ui中el-table列文字超出部分省略加悬浮提示
当我们表格内文字过多时,它会自动换行显示,但是它改变了表格的行高,效果看起来有些不美观,所以我们把多余的字用悬浮显示。原图:更改::show-overflow-tooltip="true"//el-table字体长度过长,浮动显示我们在代码中添加<template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop原创 2020-07-29 11:40:25 · 7577 阅读 · 0 评论 -
element-ui弹出组件的遮罩层在弹出层el-dialog的上面
今天又遇到了这个问题,之前遇到过一次,但是没有记录,今天刚好记录下,增加下记忆加完问题:加完el-dialog后,测试发现,遮罩层在弹出层上面。解决办法:1、给el-dialog的父元素添加z-index属性,一定要比遮罩层的大z-index:2000//此为样例2、如果第一个办法还是不能解决,我们就用第二个办法。出现这个状态的原因:可以检查下我们的代码布局样式,在dialog的组件外层div我们设置了 position:absolute 属性,这个属性导致遮罩层会在最上面。解决办法:原创 2020-07-23 09:25:29 · 3722 阅读 · 3 评论 -
ElementUI使用table设置固定列时没有滚动条,横向无法滚动
在使用Elenment时,发现了这个问题,table的横向滚动没有,导致无法横向滚动,按照官方文档操作,最初花费很长时间来jiejiscrollbar原创 2020-05-15 08:55:26 · 14078 阅读 · 4 评论 -
ElementUI------Dialog鼠标闪现问题
在用ElementUI中Dialog时,犯了几次错误,为了避免下次出错,要牢记,牢记,这个小问题。<div> <el-button type="text" @click="dialogTableVisible = true">打开嵌套表格的 Dialog</el-button><el-dialog title="收货地址" :visible.sync="dialogTableVisible"> <el-table :data="gridDat原创 2020-05-13 09:30:26 · 615 阅读 · 0 评论