wocwin的博客

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

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

Vue3 + Vite + Ts自己封装的基础组件库发布npm ，npm安装使用（Volar ）支持TS 类型提示功能（vite-plugin-dts 使用）

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

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

vue项目 解决el-table自适应高度,vue页面不显示多条滚动条，超出的部分让el-table内部出现滚动条（推荐使用第二种解决方案）

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

Vue2自己封装的基础组件库或基于Element-ui再次封装的基础组件库，如何发布到npm并使用（支持全局或按需引入使用），超详细

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

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

vue+element-ui el-select + el-tree下拉树形结构组件(新增多选功能且可以全选、反选、清空)

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

一般后台管理系统，通常页面都有增删改查；而**查**不外乎就是渲染新增/修改的数据（由输入框变成输入框禁用），因为输入框禁用后颜色透明度会降低，显的颜色偏暗；为解决这个需求于是封装了**详情组件**...

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

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

vue+ElementUI el-select 下拉选择 多选增加全选封装组件,2023-08-31 TSelect组件新增自定义显示下拉项label；TSelect组件新增下拉分页功能

TSelectTable组件实现虚拟滚动，解决不分页数据量大渲染DOM过多而卡顿问题TSelectTable组件新增搜索过滤功能、新增翻页选中功能；TSelectTable组件新增单选/多选默认值回显；TSelectTable组件新增单选---新增上、下、回车键盘事件；2023-06-28 TSelectTable组件新增查询条件组件；2023-08-21 解决TSelectTable组件表单编辑回显设置defaultSelectVal 无效

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

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

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

vue+ElementUI el-table表格单元格可编辑功能（输入框、下拉选择（多选）、日期选择等---TTable组件单元格编辑新增规则校验）3、demo地址GitHub源码地址Gitee源码地址基于ElementUi或Antd再次封装基础组件文档

一、最终效果二、组件功能点（只支持整行编辑）1、数据化结构（减少html代码）2、可编辑整行单元格（同时满足不同编辑形式——input、select、checkbox、date等）3、可删除整行三、参数配置1、代码示例<t-edit-table :table="table" :listTypeInfo="listTypeInfo" @add="add" @save="save" />2、参数配置1、Attributes参数说明类型是否必须tabl

vue+element-ui的table组件二次封装（ TTable组件新增文档某列插槽渲染示例；新增所有功能动态效果图；TTable组件自定义表头弃用Table-column render-header属性改用插槽）TTable组件单元格编辑新增继承第三方组件事件传参；TTable组件按钮操作集成按钮权限 TTabel组件新增多级表头编辑功能；TTable组件实现虚拟滚动，解决数据量大页面卡顿问题;开启列设置时动态默认显示隐藏列

基于Ant Design of Vue中table组件二次封装（Vue项目+antd）

vue+element-ui的form表单组件二次封装（Vue项目）---TForm组件新增某一项继承组件（及fieldList里的comp组件事件）TForm组件新增第三方组件事件传参；TForm是否开启清除前后空格(comp 为 el-input 且 type 不等于'password')默认开启；TForm表单新增动态增减表单项示例,2023-08-04 TForm表单可以集成`自己封装含有下拉框组件`的使用

vue动态设置table列的显示与隐藏并且可以随意拖地排序(element-ui或Antd-ui )TTable组件新增isShowHidden属性（开启列设置时动态默认显示隐藏列）

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

vue项目el-table组件实现列表自动轮询滚动（vue-seamless-scroll）

前言在Vue的Table组件中，实现可伸缩列，如果你使用的是Element-Ui那么这是一个现成的功能，如果你使用的是ant-design-vue，那么是需要集成一个vue-draggable-resizable插件但是官网示例的代码并不能直接使用，以下是封装的a-table组件1、先引入vue-draggable-resizable（先按照依赖）import Vue from 'vue'import VueDraggableResizable from 'vue-draggable-resiz

vue+element-ui的列表查询条件/筛选条件组件二次封装（Vue项目）——（条件查询组件收起&展开功能是否默认展开及新增查询、重置按钮Attributes配置（全部继承elementUi el-button Attributes））