element
阿友友
这个作者很懒,什么都没留下…
展开
-
Element表格动态列表头动态宽度
需求1、从接口中获取动态表头数据,表格中加入动态列。2、根据表头的内容长度自动计算宽度,并设定最小宽度,最大宽度。效果实现<el-table :data="tableData" border stripe header-cell-class-name="preset-header" ><el-table-column prop="date" label="日期"></el-.原创 2021-08-26 00:23:50 · 3341 阅读 · 4 评论 -
Vue + ElementUI 动态设置表单必填属性
最近要实现一个动态设置表单必填属性的需求。如图,当审核结果是通过的时候,可以不填写审核意见进行提交。而如果审核结果是驳回的时候则必须填写审核意见才能提交。第一个想法就是建两个一样的el-form-item,一个有rules,一个没有,然后通过v-if控制显隐。 <el-form-item label="审核意见" v-if="testForm.checkResult!='1'"> <el-input type="textarea" v-model="原创 2021-03-11 22:03:07 · 7776 阅读 · 4 评论 -
Element表格获取数据后默认选中多选框之nextTick
element原创 2020-09-27 20:28:08 · 487 阅读 · 0 评论 -
基于draggable和element的可拖拽多选框
首先上效果图。下面上代码。安装、注册draggable组件就不赘述了。页面布局部分<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox><el-checkbox-group v-model="checkedLists" @change="handleCheckedListChange".原创 2020-08-26 08:54:15 · 2077 阅读 · 0 评论 -
Element使用多选框组及全选按钮
最终效果如图:1、无任何勾选状态2、部分勾选状态3.全部勾选状态下面上代码。页面布局部分<template> <div> <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox> <div style="margin: 15px 0原创 2020-08-20 23:04:09 · 2430 阅读 · 0 评论 -
Element同时验证多个表单
Element的Form 组件提供了表单验证的功能,通过rules属性传入约定的验证规则,并将 Form-Item 的prop属性设置为需校验的字段名即可对其进行验证。原创 2020-06-09 22:50:36 · 10960 阅读 · 16 评论 -
element表格添加动态列
常规的确定列表格参考官网<el-table :data="tableData"> <el-table-column prop="date" label="日期" width="180"></el-table-column> <el-table-column prop="name" label="姓名" width="180"&...原创 2020-04-12 22:57:39 · 7266 阅读 · 4 评论 -
element表格使用多选框
element使用表格<el-table border ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange" &g...原创 2020-03-23 20:33:45 · 2804 阅读 · 0 评论