基于element和antd组件二次封装组件

基于element和antd组件二次封装组件

基于element和antd组件二次封装组件

这是我在学习 Vue 中基于[Element-ui](https://element.faas.ele.me/#/zh-CN) 和[ant-design-vue](https://www.antdv.com/docs/vue/introduce-cn/)二次封装基础组件文档，希望对你有用

等 28 人订阅共27篇文章创建于2022-11-24

vue+element-ui的列表查询条件/筛选条件太多以下拉选择方式动态添加条件（支持全选、反选、清空）

vue+element-ui的列表查询条件/筛选条件太多以下拉选择方式动态添加条件（支持全选、反选、清空）

11月前
749
2
评论

vue+element-ui el-table组件二次封装实现虚拟滚动，解决数据量大渲染DOM过多而卡顿问题

vue+element-ui el-table组件二次封装实现虚拟滚动，解决数据量大渲染DOM过多而卡顿问题

1年前
4.3k
11
2

vue3 基于Ant DesignVue Select Table封装下拉选择表格组件( TAntdSelectTable组件组件新增上下键高亮择回车选中功能)

vue3+ Ant-Design-Vue a-select 下拉表格组件(基于Ant DesignVue Select Table封装下拉选择表格组件)

1年前
2.9k
8
4

vue2&vue3 el-table实现整行拖拽排序功能（使用sortablejs插件）

1、此功能已集成到[TTable组件中]---Vue2TTable组件、Vue3TTable组件 2、最终效果 3、安装sortablejs 4、Vue2实现方式 5、Vue3实现方式 6、sort

2年前
803
点赞
评论

Vue 基础组件二次封装的高级技巧及方法,能更优雅的进行二次封装组件（props 属性和 event 事件的透传、子组件插槽暴露、第三方组件方法继承）

Vue 基础组件二次封装的高级技巧及方法,能更优雅的进行二次封装组件（props 属性和 event 事件的透传、子组件插槽暴露、第三方组件方法继承）

2年前
1.5k
11
9

vue项目解决el-table自适应高度,vue页面不显示多条滚动条，超出的部分让el-table内部出现滚动条TAdaptivePage 组件新增左右分栏布

vue项目解决el-table自适应高度,vue页面不显示多条滚动条，超出的部分让el-table内部出现滚动条TAdaptivePage 组件新增左右分栏布

2年前
1.7k
11
3

vue+element-ui el-table表格单元格编辑新增el-form表单规则校验功能（校验不通过错误提示；el-table结合el-form)

vue+element-ui el-table表格单元格编辑新增el-form表单规则校验功能（校验不通过错误提示；el-table结合el-form)

2年前
2.3k
21
评论

vue+element-ui el-date-picker日期组件再次封装（DatePicker与DateTimePicker合并根据type值来显示）

vue+element-ui el-date-picker日期组件再次封装（DatePicker与DateTimePicker合并根据type值来显示）

2年前
1.4k
点赞
评论

vue+ElementUI el-table表格单元格编辑增加键盘事件功能(向上、向下、回车键盘事件)

1、此功能已集成到TTable组件中 2、最终效果 3、关键代码 4、注意点 5、demo地址 GitHub源码地址 Gitee源码地址基于ElementUi或Antd再次封装基础组件文档 TTab

2年前
361
1
评论

vue+ElementUI el-select实现下拉列表分页的功能（下拉分页组件---新增多选功能及默认值回显示例）

vue+ElementUI el-select实现下拉列表分页的功能（下拉分页组件---新增多选功能及默认值回显示例）

3年前
2.0k
2
评论

vue el-table指定某些数据不参与排序（部分行不参与排序）

1、以下案例是基于我之前TTable组件中使用 2、效果图 3、二种解决方案第一种方案：（参考了这篇文章）第二种方案（主要就是把不要的排序的行删除，排完序后在追加进去） 4、使用TTable组件如

2年前
1.4k
5
评论

Ant Design of Vue Table二次封装采用集成 vue-draggable-resizable 来实现可伸缩列

前言 1、先引入vue-draggable-resizable（先安装依赖） 2、在Table添加 components属性 3、添加样式（最坑的地方） 4、完整代码页面使用最后注意

3年前
3.2k
9
2

vue+ElementUI el-table表格新增一行或删除一行编辑组件（输入框，选择框，复选框）

一、最终效果二、组件功能点（只支持整行编辑）三、参数配置 1、代码示例 2、参数配置 Attributes 参数说明类型是否必须 table 表格数据对象 Object 是 ---data

3年前
1.5k
1
评论

vue项目自己封装的组件没有发布npm如何在其他项目使用及组件如何注册

关于Tui组件，因还没有正式发布到npm上，还无法像ElementUi&Antd的依赖安装的方式引入；目前只能按以下方式引入（后续我会发布npm）一、个人对组件注册的理解（仅仅是个人理解）二、全局

2年前
150
点赞
评论

vue+element-ui的table组件二次封装（新增TTable 是否开启合计行隐藏复选框/单选框）

HTML一行代码，可以实现表格分页/表格内/外按钮操作/行内文字变色/动态字典展示/filters格式化数据/排序/显示隐藏 1. 简介 2. 结构 3. 配置参数 4. 使用帮助 5. 文档案例地址

5年前
2.0k
点赞
2

vue+element-ui的form多表单组件及Descriptions详情页面封装（可实现单页面有多个表单/详情按模块的方式展示并且可以收缩）

一、最终效果二、组件集成了以下功能三、注意点四、组件及demo地址组件及demo地址五、参数配置配置参数（Attributes）参数说明类型默认值 title 头部返回按钮标题 s

3年前
3.0k
点赞
评论

vue+element-ui的列表查询条件/筛选条件组件二次封装（Vue项目）——（查询条件多时；新增收起&展开功能。）

一、需求二、组件功能三、效果图四、参数配置 1、代码示例 1、配置参数（Attributes）参数说明类型默认值 opts 接收筛选器组件配置 formOpt{} 无 loading 查

3年前
3.6k
2
评论

vue+ElementUI el-table表格再次封装集成单元格合并功能（行合并）

1、此功能已集成到TTable组件中 2、最终效果 3、demo地址 GitHub源码地址 Gitee源码地址基于ElementUi或Antd再次封装基础组件文档

3年前
349
点赞
评论

vue+ElementUI el-select 下拉选择多选增加全选封装组件

1、效果图（含适用于条件查询组件中使用） 2、配置参数（Attributes）继承 el-select Attribute 参数说明类型默认值 v-model 绑定值 boolean / str

2年前
318
点赞
评论

vue+element-ui的el-steps组件二次封装（步骤组件）

一、需求二、最终效果三、参数配置 1、代码示例 2、配置参数参数说明类型默认值 stepData 步骤数据源 Array - ---id 步骤 ID 唯一 Number - ---titl

2年前
920
点赞
评论