![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element ui
云卷云舒%
这个作者很懒,什么都没留下…
展开
-
基于element表格的二次封装
tableHeader数据:可以根据type类型去渲染列,formatter和render中的渲染逻辑按需修改~实现的功能:表格列渲染(formatter、render)、操作(插槽)、表格多选、筛选、排序,分页组件。原创 2022-11-11 14:46:41 · 368 阅读 · 0 评论 -
vue element 动态生成表单
场景:表单中的项是由后端返回的,不是前端提前定义好的。需要注意的点:1、因为表单上需要绑定v-model来获取此表单项的值,但是要绑的值名称是根据后端数据来的,所以请求回来后端的数据后再渲染整个表单,否则会报错【v-if="configLabelData"】,根据请求到的后端数据动态创建form中的属性2、渲染多个checkbox或者radio时,label绑定值,{{}}中渲染名称,这样v-model拿到的数据可以直接传到后端3、对动态生成的表单做校验,提前定义好各种数据类型的校验规则:在da原创 2022-06-27 15:28:58 · 3686 阅读 · 6 评论 -
element ui动态生成表格列
场景:表格中显示的列是由后端返回的,不是前端定义好的。其中columnData就是表格的列数据,是个数组,举个例子:这就是两列,其中label是列标题,name对应数据属性名,表格数据中需要有name/sex属性:......原创 2022-06-27 14:46:23 · 3889 阅读 · 0 评论 -
【vue组件】element下拉框全选
<el-select v-model="entity.entityTypeIds" :placeholder="$t('0omr1DmkT5yr5CRm7fWBd')" filterable multiple collapse-tags ref="serviceSelect" @change="searchSele...原创 2021-03-15 13:59:19 · 713 阅读 · 0 评论 -
element ui 树形-懒加载-表格-多选 勾选问题
element ui 树形&懒加载 表格如下:默认是不请求子级数据的,当点击下拉icon时再发起请求数据:就是普通的数组,没有子级数据的概念懒加载事件:发现树形懒加载多选表格有两个问题:1、勾选父级时子级不会勾选上一般我们实现表格多选功能是这样的:这里不再使用这种方式 第一步:需要我们手动写个勾选表头和勾选列第二步: 定义数据第三步:编写handleCheckAllDetail、handleCheckDetail函数,每次勾选时要做的事:处理全选、半选原创 2022-06-21 11:31:31 · 3398 阅读 · 9 评论 -
Element UI表格行拖拽功能
效果<template> <div class="hello"> <!-- 拖拽功能必须绑定row-key唯一 --> <el-table ref="dragTable" :data="tableData" style="width: 100%" row-key="id" > <el-table-column prop="date" label="日期" wid原创 2021-03-19 15:28:29 · 5563 阅读 · 1 评论