value

还在为每个列表页写重复的分页代码而烦恼吗？ 还在复制粘贴 currentPage、pageSize、loading 等状态吗？ 一个 Hook 帮你解决所有分页痛点，减少9...

v-on 是 Vue 的事件绑定指令，近期在使用Vxe Table组件库的时候看见了一个就职公司项目场景不常用的写法，在此分享给同样不常用或不知道的同学们。 v-on绝大部...

上一阶段我们基于 DSL 配置实现了schema-view页面的自动化渲染，核心解决了重复性页面开发的效率问题。但在实际业务中，新增、编辑、删除、查看等交互操作仍需手动开发...

本方案设计了一个基于JSON配置的Vue动态表单组件，通过配置自动生成表单，支持字段联动、条件显示与规则校验，提供可自定义的栅格化统一布局，并能灵活接入自定义组件。...

这是一个非常好的问题！确实，HTML5 提供了原生的 <video> 标签，理论上可以直接播放视频，但为什么在实际项目中我们常常还会使用 Video.js、Plyr、hls...

表格是中后台频繁使用的组件，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：代码跑...