element-ui
element-ui使用笔记
NIshihara
笔记
展开
-
ElementUI日期时间选择器组件在移动端点击input框弹出虚拟键盘
使用ElementUI官方文档提供的方法, 在el-date-picker属性中添加:editable=“false” 此方法只能使 input1 框阻止输入法弹出 , 无法阻止点击内部两个input框时输入法弹出。使用document.activeElement.blur()方法 , 去掉input框获得的焦点 在el-date-picker属性中添加@focus = ‘forbid’在移动端使用时,点击如下图所示三个输入框会弹出虚拟键盘。原创 2024-04-30 12:54:09 · 240 阅读 · 0 评论 -
element组件 解决DateTimePicker + vue 弹出框只显示小时和“至”字处理
需求:选择时间为时间段,且只显示年月日时代码如下:<el-date-picker class="box" v-model="dataForm.talkTmList" type="datetimerange" format="yyyy-MM-dd HH" value-format="yyyy-MM-dd HH" placeholder="日期" range-separator="至" start-placeholder="开始时间" style="width:100%" popper原创 2022-01-08 10:14:31 · 1985 阅读 · 0 评论 -
element组件 Table表格实现某条件下复选框无法勾选
需求:实现el-table存在复选框,但在启用条件下无法勾选。代码如下:<el-table :data="dataList" ref="multipleTable" :row-class-name="tableRowClassName" :row-key="getRowKey" @selection-change="selectionChangeHandle" @sort-change="sortChangeHandle"> <el-table-column f原创 2022-01-08 10:31:59 · 2122 阅读 · 0 评论 -
element-ui 解决table里包含表单验证
实际项目中的场景,需要在table里做表单验证,如下图所示其实问题关键就在于如何给el-form-item动态绑定prop :prop="'phones.' + scope.$index + '.字段名'"<el-form :model="dataForm" ref="dataForm" :rules="rules"> <el-table :data="dataForm.phones" border stripe :index="true" ref="d原创 2022-01-11 16:48:45 · 2756 阅读 · 2 评论 -
el-table 修改背景为透明并去除边框
el-table背景颜色改为透明,去除掉外边框,滚动条设置原创 2022-12-08 14:59:39 · 2002 阅读 · 0 评论 -
封装element表单(form)自定义数据校验
项目中经常用到element表单(form)校验,将其独立做成一个工具方法,可减少工作量、方便统一管理以及日后维护。原创 2023-03-10 14:01:50 · 1152 阅读 · 0 评论