
Element
文章平均质量分 51
丸子吖嘿
生活甜甜,好运连连
展开
-
Element 表头排序强制不换行
给table加一个class,以免影响其他table样式<el-table :data="tableData" @sort-change="sortChange" class="nowrap-tab" border highlight-current-row> </el-table>重写样式.nowrap-tab .el-table__header .cell{ padding: 0!important; text-overflow: unset!importa原创 2020-06-02 14:55:42 · 3041 阅读 · 0 评论 -
Element Form表单、验证总汇
1、table内可编辑 表单验证html<el-form :model="tableData" :rules="rules" > <el-table :data="tableData.items" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"></el-table-column> <el-table-column lab原创 2020-09-17 14:46:40 · 1377 阅读 · 0 评论 -
Element 时间组件各种限制范围
<el-time-picker v-model="dataForm.startTime" placeholder="请选择时间" value-format='HH:mm:ss' :picker-options="{ selectableRange:`00:00:00 -${dataForm.endTime ? dataForm.endT...原创 2020-03-31 11:44:39 · 1744 阅读 · 1 评论 -
Element 弹窗内日期、下拉框控件 样式乱掉错位问题
一、select多选框定位el-select控件生成的下拉框标签默认位置是在body中,也是相对body定位的,而不是针对当前元素可能出现这种情况:解决方案:把popper-append-to-body属性设为false,生成下拉框到当前元素位置<el-select v-model="value" :popper-append-to-body="false" popp...原创 2020-04-23 14:02:13 · 4166 阅读 · 0 评论 -
Element table各种合并单元格
这是官网合并列效果,可是,并不适用于一级表头,官方文档并未发现直接实现属性给table加header-cell-style,代码如下<el-table :data="tableData" border fit :header-cell-style="discountHeaderStyle"> <el-table-column label="操作" align="cent...原创 2020-05-07 13:45:14 · 4831 阅读 · 1 评论 -
Element OSS上传
npm i ali-oss -D (安装到生产依赖)原创 2020-05-08 11:14:54 · 1311 阅读 · 2 评论 -
Element switch文字写在按钮上
定位解决,直接上代码<el-switch class="switch" width='60' v-model="status" :active-value="0" :inactive-value="1" active-text="上架" inactive-text="下架"></el-switch>css样式.switch .el-switch__label { position: absolute;原创 2020-06-18 10:08:49 · 1479 阅读 · 0 评论 -
Element—日历相关场景
<el-calendar v-model="value" id="calendar"> <!-- 这里使用的是 2.5 slot 语法,对于新项目请使用 2.6 slot 语法--> <template slot="dateCell" slot-scope="{date, data}"> <!--date 单元格代表的日期 data{ type, isSelected, day},type 表示该日期的所属月份,可选值有原创 2020-10-30 13:53:13 · 1037 阅读 · 2 评论 -
Element Form表单动态增删改
html<el-form-item v-for="(item, index) in dataForm.discounts" :label="'里程折扣' + index" style="position: relative;" required> <el-col :span="11"> <el-form-item :prop="'discounts.' ...原创 2020-04-02 11:51:15 · 2109 阅读 · 0 评论