elementUI
_let
要么孤独,要么庸俗
展开
-
使用 Element 上传组件读取文件
需求:支持 .txt 和 .sql 后缀文件内容的读取,最大 2MB。显示已读取文件名称、读取进度和读取成功状态。读取按钮重复点击时,已读取文件列表中的文件被新的文件替换。原创 2020-05-06 15:52:14 · 3542 阅读 · 0 评论 -
element 日期选择器如何动态限制选择范围
以开始日期和结束日期不能相同为例:data () { let _disabledDate = null return { dateRange: '', pickerOptions: { onPick ({maxDate, minDate}) { // 只选择了一个日期 _disabledDate = !maxDate ? mi...原创 2020-04-02 10:58:40 · 1389 阅读 · 1 评论 -
elementUI 上传组件 http-request (覆盖默认的上传行为,可以自定义上传的实现)使用
开篇一张图html代码 <el-dialog title="批量导入" :visible.sync="importDialog" width="30%"> <div class="importDialog-content"> &原创 2018-09-01 14:56:31 · 43301 阅读 · 13 评论 -
elementUI table组件获取表格当前行的索引
一般情况下,我们通过 scope.row 获取每一行的数据,但是怎么获取每一行的索引呢?答案就在下面: <el-table max-height="290" :data="userTableData" border style="width: 100%"> <el-table-column la原创 2018-09-01 15:08:29 · 80473 阅读 · 6 评论 -
elementUI 输入框回车刷新页面
elementUI 输入框回车刷新页面如何出现?当 el-form 表单内只有一个 el-input 输入框时,在输入框内回车触发表单提交。<el-form :model="formData"> <el-form-item label="服务名称" :rules="[ { ...原创 2019-06-14 09:19:13 · 4914 阅读 · 3 评论 -
UI 组件二次封装之 props 传递与 v-model 实现
UI 组件二次封装之 props 传递与 v-model 实现我们知道在组件的二次封装的时候,有三点是必须做到的:原组件的 props 继承、事件传值的回掉函数、v-model 双向绑定。本文以 elemnetUI 为例,记录原组件的 props 继承以及 v-model 双向绑定相关的解决方案。一、props 继承以 el-select 为例,我们知道它的 change 事件只能获取选项...原创 2019-06-14 10:09:59 · 7034 阅读 · 2 评论