![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
elementui
爱吃瓜子的小松鼠
这个作者很懒,什么都没留下…
展开
-
基于elementui的年月日周时间控件
组件<template> <div class="component_search_form_date clearfix"> <el-radio-group v-model="curType" :size="moduleSize" style="float: left;" @change="radioChange"> <el-radio-button v-for="item in showBtnList" :key="item.value" :labe原创 2021-04-27 18:16:22 · 825 阅读 · 0 评论 -
elementui 时间日期选择器限制支持传参
<div class="item spec" v-else> <div style="text-align: center;font-weight: 600; margin-top: 20px;"> 出发 </div> <el-form-item label="出发时间:" :verify="['NotNull']" :prop="'travelInfos.' + index + '.evectionInfo[0原创 2020-07-21 14:56:08 · 1335 阅读 · 0 评论 -
elementui 级联选择器 slot方式
<el-cascader :disabled="isView" :options="businessMission" :show-all-levels="false" v-model="item.selection" :props="defaultData" @change="val => {missionchangeHandle(val, index);}"> <template slot-scope="{node,d原创 2020-07-21 14:54:00 · 961 阅读 · 0 评论 -
elementui change事件传参
<el-date-picker v-model="item.evectionInfo[0].startTime" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" @change="val => {subsidyCount(val, index);}" :picker-options="pickerOptions0(index,0)"> </el-date-picker&原创 2020-07-21 14:51:12 · 284 阅读 · 0 评论 -
vue+elementui 实现table懒加载
实现原理: 判断表格滚动条是否滚动到底部scrollHeight: 元素的高度即表格内容的高度scrollTop: 元素滚动出去的高度clientHeight: 元素可视区域的高度当scrollTop + clientHeight = scrollHeight 时,滚动条滚动到底部自定义指令 ----- 可以写在main.js中,或者单独写js文件再使用Vue.use('文件名')注册Vue.directive('loadmore', { bind(el, binding) { .转载 2020-07-21 14:49:28 · 1958 阅读 · 2 评论 -
table 斜线表头
实现原理:去掉第一个单元格的下边框第一列第一个和第二个单元格的伪元素设置绝对定位, 宽度1px,高度视情况而定通过旋转两个单元格的伪元素,设置旋转起点,使两个伪元素重合,达到斜线的效果<el-table :data="tableData3" style="width: 100%"> <el-table-column label="医疗机构" align="right" width="150"> &l转载 2020-07-21 14:44:21 · 534 阅读 · 0 评论