value

表格是中后台频繁使用的组件，vue3提供了hooks写法能够大大减少代码量和提高复用性，以下是一个基于arco design vue组件库封装的表格hooks：useTab...

一、如何让属性自动传递？ 假设我们封装了一个带样式的输入框组件，但直接使用时发现输入没反应： 解决方案：用$attrs自动收快递 就像快递员会把包裹自动送到你家，$attr...

在后台管理系统、工作台类应用中，常常需要 左侧导航 + 右侧内容区 的页面布局，同时右侧又可能包含 顶部区域（搜索栏 / 工具栏）+ 主体内容区。 为了避免重复编写布局逻辑...

前言 公司一款产品上线之后，发现表格显示了几千条数据很卡顿，而且用的都是element-plus的table,并且表格是可以编辑。每个单元格会有不同的编辑组件，因此如果考虑...

Vue3+ElementPlus版的useTable，负责统一管理表格的数据请求、分页、搜索、loading、刷新等逻辑。👉 组件只负责展示，逻辑都集中在 hook 中。...

完成组件封装思路记录 想好别人怎么用它，设计清晰稳定的API（Props/Events），保证功能可靠和界面可访问，同时兼顾性能和灵活定制能力，最后配上好用的文档，事半功倍...

Vben Admin 是一个基于 Vue3.0、Vite、 TypeScript 的中后台解决方案，目标是为开发中大型项目提供开箱即用的解决方案。包括二次封装组件、util...

前言 Vue3已经发了一年多了，现在也是已经转正了，Antd和element的Vue3版本也都是可以用了。Vue3刚发布没多久的时候我就上车了，当时在Github找了一圈V...

vben这个后台管理系统的框架，基于ant-design-vue组件库封装了很多好用的组件，我们在日常开发中用的最多的就是Table, Form组件了。下面就简单介绍一下。...

实现动态表格表单组件：处理活动读写权限 在前端开发中，动态表格表单组件的实现常常需要处理复杂的逻辑和交互，尤其是在涉及权限管理的情况下。在本文中，我们将详细介绍如何使用 V...

基于Element Plus实现的动态表单组件，支持网格布局、带分组表单，同时扩展成查询条件表单、抽屉表单、模态框表单。内附github源码地址，可自行拿取。注意一些依赖包...

基于动态表单实现的查询条件表单，可以通过配置的方式快速构建页面的查询条件，搜索条件支持响应网格布局，可以简单的进行页面尺寸适配，同时也支持展开/折叠功能。...

这个大型表单解决方案的本质在于将大表单拆分成多个子表单，这个在表单拆分篇中已经完整演示说明过；后面大量篇幅都是我在实践中遇到的附加需求，比如辅助锚点工具、数据比对等。实践中...

Vue-Konva 使用（缩放 / 还原 / 拖动） 示例（当前示例为vue3版本） 目标 在一个 Vue 单文件组件中，完成以下交互： 鼠标滚轮相对指针位置缩放（向上放大...

简易版效果图： 数据格式为： 颜色校验格式为： 计算当前月的展示日期数据为： 源代码： 使用的ai：文心一言 操作步骤： 1：截图效果图，让它生成1.0版本代码 2：代码跑...

最近项目中经常出现由于用户多次点击导致的问题，防抖/节流使用的很多，因此，想通过vue自定义指令的方式来实现。后面有需要使用防抖的地方只要使用改指令即可。 通过此设置，可以...

尽管Vue推崇数据驱动视图的理念，但并非所有情况都适合数据驱动。自定义指令就是一种有效的补充和扩展，不仅可用于定义任何的DOM操作，并且是可复用的。...

前言出于业务需求需要做按钮的点击防抖，开始的打算是二次封装element-ui的el-button来实现的，然后就做了，但又觉得这样不够简洁，然后就看看广大的掘友大都是怎么...

一、前言 Vue自定义指令有全局注册和局部注册两种方式。 本篇局部自定义指令不做叙述 全局自定义指令批量定义注册调用 注册全局指令的方式，通过 Vue.directive(...

在现代前端开发中，我们经常使用组件库来快速构建界面。以`avue-crud`为例，这是一个常用的CRUD表格组件，但在实际项目中，我们往往需要为每个`avue-crud`组...