Element疑难杂症
二水你要努力啊
爆炸头, 望春风 。
展开
-
Element el-time-picker开始时间不小于结束时间
时间控件与日期控件不同,其是通过selectableRange来控制时间选择范围format为时分,但selectableRange只能解析时分秒,所以在变量之后拼接’:00’<el-time-picker v-model="timeStart" :picker-options="{selectableRange:`00:00:00-${timeEnd ? timeEnd + ':0...原创 2020-04-08 11:52:27 · 2263 阅读 · 2 评论 -
Element 分页二次封装
对分页进行了二次封装<template> <div :class="{'hidden':hidden}" class="pagination-container"> <span class="total-num">共 {{total | toThousandFilter}} 条</span> <el-pagination...原创 2020-03-31 10:31:11 · 451 阅读 · 0 评论 -
Element表格二次封装
基础表格(修改表头及移除默认hover事件)<template> <el-table class="table-wrapper" :data="tableData" border style="width: 100%"> <el-table-column align="center" prop="...原创 2020-03-19 10:19:27 · 517 阅读 · 0 评论 -
Element选择框多选时增加全选按钮
要实现的目标,即在选择框的基础上,实现多选框的效果最重要的一点是,新旧值的保存,且值的变化只能通过Element提供的方法去获取,不能通过Vue事件监听,因为要改变被选中的值对于不是通过Element的方法修改的新值,对应的旧值也需要做更改,这样在回显的时候,即可保持一致...原创 2019-12-05 09:37:16 · 1230 阅读 · 0 评论 -
Element 上传控件
Element上传控件可以只作为获取文件的途径文件格式的上传,需要配合表单<el-upload class="upLoad-box" :limit="1" ref="upLoad" action :show-file-list="false" :auto-upload="false" :on-change="handleChange...原创 2020-03-18 11:02:43 · 245 阅读 · 0 评论 -
Element 日期控件 日期限制
开始时间不能大于当前时间,且结束时间不能小于开始时间<el-date-picker style="width:180px;" v-model="startDate" size="mini" type="datetime" placeholder="选择日期" :picker-options="startOption"></el-...原创 2020-03-18 10:24:54 · 343 阅读 · 0 评论 -
Element表格自定义表头注意事项
当自定义表头用于点击排序操作,此时随着排序规则改变对应icon也应改变,而此时需要添加slot-scope属性,来使其变为作用域插槽,从而使其可以动态变化如果不是作用域插槽,则插槽对应页面不会重新渲染...原创 2020-03-16 11:48:52 · 667 阅读 · 0 评论 -
Element嵌套弹框蒙层混乱处理
可以在第二层的弹框上面绑定 append-to-body 属性 <el-dialog class="body-dialog" append-to-body ></el-dialog>但此时该弹框为出现在body的子元素,可以给其起一个独特的类名进行样式修改...原创 2020-02-28 10:33:41 · 929 阅读 · 0 评论