- 博客(81)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 vue vxe-gantt 甘特图的使用
本文介绍了Vue中使用vxe-gantt甘特图组件的方法。首先通过npm安装vxe-pc-ui、vxe-table和vxe-gantt相关依赖，并配置基础样式。文章展示了三种常见功能实现：1）基础甘特图展示任务名称和时间；2）通过taskBarConfig.showProgress显示任务进度条；3）自定义任务条颜色风格。每种功能都提供了完整的代码示例，包括template模板和script配置数据，帮助开发者快速实现项目进度管理的可视化需求。
2025-08-18 08:15:00
395
原创 vue vxe-form表单项设置宽度的几种方式，固定宽度，自适应宽度等
Vxe-Form表单项宽度设置方式总结：1.默认宽度-根据内容自动调整；2.固定宽度-通过title-width属性设置固定值（如120px）实现标题对齐；3.自适应宽度-设置title-width="auto"以最长标题宽度为准自动对齐。三种方式均可通过span属性控制表单项所占列数，适用于不同业务场景的表单布局需求。
2025-08-11 08:15:00
1526
原创 vxe-table 实现列个性化自定义列功能，自动记忆用户的操作列状态，完整的详细教程
vxe-table 列个性化功能教程 vxe-table 支持用户自定义列状态（显示/隐藏、列宽、冻结等）并自动记忆，适用于ERP/后台管理系统。通过 toolbar-config.custom 启用功能，提供三种面板模式（工具栏/弹窗/抽屉）。关键配置： 唯一ID：id 确保各表格状态独立存储 列宽记忆：allowResizable 启用拖拽调整列宽 显隐控制：allowVisible 管理列显示状态 冻结列：allowFixed 固定常用列位置 代码示例展示了如何分别实现列宽、显隐、冻结状态的记忆功能，
2025-08-04 11:27:16
591
原创 vxe-table 实现编辑文本域，支持拖拽高度，自适应高度、自定义高度的方式
本文介绍了如何使用vxe-table实现支持拖拽高度、自适应高度和自定义高度的表格文本域编辑功能。通过设置rowConfig.resizable属性和resizableConfig.isDblclickAutoHeight参数，可实现行高拖拽和双击自适应。示例代码展示了如何初始化行高(setRowHeightConf)和获取行高配置(getRowHeightConf)，并提供了完整的Vue组件实现方案，包括表格配置、数据绑定和操作方法。该方案特别适用于需要处理多行文本编辑且要求灵活调整行高的场景。
2025-07-23 08:30:00
771
原创 vxe-upload vue 实现图片上传、手动批量上传图片的方式
本文介绍了使用vxe-upload组件在Vue项目中实现图片上传的几种方式：1）基本安装配置方法；2）支持失败重新上传功能，通过show-error-status参数和自定义上传方法实现；3）手动批量上传图片，通过auto-submit=false关闭自动提交并结合submit()方法；4）混合上传模式，同时支持单个点击上传和批量上传，可配置显示上传按钮和错误重传按钮。每种方式都提供了完整的代码示例和效果演示，展示了如何通过axios实现文件上传进度跟踪和错误处理。
2025-07-04 17:30:31
631
原创 vxe-upload vue 实现附件上传、手动批量上传附件的方式
本文介绍了使用VxeUpload组件在Vue中实现文件上传功能的方法。主要包括三种场景：1)支持失败后重新上传，通过show-error-status参数启用；2)手动批量上传，通过auto-submit=false关闭自动提交并调用submit方法；3)混合模式，可单个或批量上传，支持失败重传。文章提供了完整的安装配置步骤和代码示例，展示了如何使用axios实现文件上传请求和进度更新。这些方法适用于不同业务场景的文件上传需求，具有灵活性和可定制性。
2025-07-04 16:55:25
809
原创 如何使用 vue vxe-table 来实现一个产品对比表表格
本文介绍了如何使用vxe-table在Vue中实现产品对比表格。通过vxe-grid组件构建多层级表头结构，利用插槽功能展示产品图片和对比信息。代码示例展示了如何配置表格选项，包括边框、高度等属性，并详细演示了产品图片的渲染方式和对比信息的展示逻辑（如使用✔️/❌表示布尔值）。文章还提供了表格数据的结构定义和个性化单元格内容的处理方式，帮助开发者快速实现美观实用的产品对比功能。
2025-06-26 16:12:25
852
原创 vue vxe-print 打印设置边距、页头页尾高度样式
在使用 vxe-print 进行打印时，可以通过设置 page-style 属性来调整页面的边距、页头和页尾的高度。通过 page-style.margin 可以设置页面边距，设置为 0 可以去除边距。此外，可以通过 page-style.header.height 和 page-style.footer.height 分别设置页头和页尾的高度。示例代码展示了如何在 Vue 组件中使用 vxe-print 进行打印，并通过按钮触发直接打印或调用方法打印。更多详细信息和示例代码可以参考官方文档和 GitHub
2025-05-12 13:40:56
366
原创 vxe-table 使用行分组，对数据进行分组，指定多字段分组的使用
vxe-table 使用行分组，对数据进行分组，指定多字段分组的使用查看官网：https://vxetable.cngitbub：https://github.com/x-extends/vxe-tablegitee：https://gitee.com/x-extends/vxe-table效果通过设置 row-group-config 行分组模式，通过参数 groupFields 或者调用 setRowGroups 方法就可以设置行分组https://gitee.com/x-extends/v
2025-04-21 09:56:10
1025
原创 vxe-table 启用 checkbox-config.reserve 实现分页复选框选择功能、获取已选数据的用法
vxe-table 启用 checkbox-config.reserve 实现分页复选框选择功能、获取已选数据的用法查看官网：https://vxetable.cngitbub：https://github.com/x-extends/vxe-tablegitee：https://gitee.com/x-extends/vxe-table获取已选择数据分为2个方法，一个是获取当前页 getCheckboxRecords()，一个是获取已保留 getCheckboxReserveRecords()getC
2025-04-08 18:06:49
880
原创 vxe-table 如何实现左边是树，右边是表格联动操作
vxe-table 如何实现左边是树，右边是表格联动操作，当需要实现左右两侧联动时，表格 vxe-grid 配合分割模板 vxe-split 就很容易实现了查看官网：https://vxetable.cngitbub：https://github.com/x-extends/vxe-tablegitee：https://gitee.com/x-extends/vxe-tablehttps://gitee.com/x-extends/vxe-table
2025-03-27 14:31:42
343
原创 vxe-table 实现行的上移和下移功能，行移动功能
vxe-table 实现行的上移和下移功能，行移动功能，实现用户点击上一行、下一行排序功能，同样也支持鼠标拖拽排序。
2025-03-10 08:15:00
1172
原创 vue vxe-color-picker 颜色选择器，启用取色管功能，选取页面内任意颜色
参数 show-eye-dropper 用于启用取色管功能，需要注意的是指支持谷歌浏览器。vue vxe-color-picker 颜色选择器，启用取色管功能，选取页面内任意颜色。
2025-03-04 12:04:43
414
原创 vxe-table 如何定制化样式，修改默认样式，修改边框背景色，单元格默认高度详细教程 - css样式方式
vxe-table 如何定制化样式，修改默认样式，修改边框背景色，单元格默认高度详细教程 - css样式方式由于项目的需求，可能需要对默认的表格样式就行修改覆盖，但是又不想影响到原有的功能，这时候就可以通过自带的 css 变量来修改样式，非常简单就能修改。通过 css 变量可以非常灵活的实现局部修改，当个表格修改、全局修改样式。查看官网：https://vxetable.cngitbub：https://github.com/x-extends/vxe-tablegitee：https://gite
2025-02-21 11:15:13
1772
原创 vxe-table 如何实现跟 Excel 一样的数值或金额的负数自动显示红色字体
vxe-table 如何实现跟 Excel 一样的数值或金额的负数自动显示红色字体，当输入的值为负数时，会自动显示红色字体，对于数值或者金额输入时该功能就非常有用了。
2025-02-20 08:30:00
888
原创 vxe-table 使用展开行的两种模式详解
vxe-table 使用展开行的两种模式详解， vxe-table 4.11+ v3.13+展开内容支持两种方式，固定和内嵌，其中默认的固定模式是全功能的，内嵌模式不支持虚拟滚动。查看官网：https://vxetable.cngitbub：https://github.com/x-extends/vxe-tablegitee：https://gitee.com/x-extends/vxe-table固定模式，渲染性能最好，支持冻结列、虚拟滚动和单元格选择等内嵌模式内嵌模式，渲染性能较差，支持冻结列
2025-02-17 08:30:00
1247
原创 如何修改 vxe-table 单元格的默认行高
如何修改 vxe-table 单元格的默认行高，比如公司需求需要将行高调整到很低，默认的行高比较大。那么可以通过一下方式修改。
2025-02-11 09:44:21
1149
原创 vxe-table 实现行高拖拽功能
通过 row-config.resizable 和 row-resize 启用行高拖拽功能，当需要多列允许触发行高拖拽时，通过 row-resize 指定任意列。在 vxe-table 中实现行高拖拽功能非常简单，只需要以下几个参数就能开启，需要注意更新到最新版本才支持该功能。
2025-01-15 22:00:12
550
原创 周选择器 vxe-date-picker 自定义一周开始日
周选择器 vxe-date-picker 自定义一周开始日，通过参数 start-day 来指定周的开始日。
2025-01-04 15:33:08
410
原创 使用 vxe-table 来实现任意列拖拽、任意树表格行拖拽、实现步骤详解
使用 vxe-table 来实现任意列拖拽、任意树表格行拖拽查看官网：https://vxetable.cngithub https://github.com/x-extends/vxe-table通过 column-drag-config.isCrossDrag 启用跨层级拖拽；通过 column-drag-config.isSelfToChildDrag 启用允许自己拖拽给自己的子级；通过 column-drag-config.isToChildDrag 启用便捷拖拽成子节点，拖拽的同时按住 Ct
2024-12-13 10:56:39
1200
原创 vue vxe-table 实现财务记账凭证并打印
vue vxe-table 实现财务记账凭证；使用 vxe-table 实现财务记账凭证非常简单，实现在线实时编辑的记账凭证、自动合计金额等官网：https://vxetable.cn/https://gitee.com/x-extends/vxe-table
2024-12-08 16:30:30
591
原创 vxe-table 在表格中实现粘贴上传图片、附件
vxe-table 在表格中实现粘贴上传图片、附件；看看 vxe-table 渲染器强大到什么地步；在开发需求中，经常会在表格列表中放入图片展示，例如头像、视频图片，附件列表等，但需要对表格批量操作是，会比较繁琐，那么有没有方便操作一点的放呢，肯定是有的；
2024-12-04 15:03:55
982
原创 vxe-table v4.9+、v3.11+ 发布，渲染性能大幅提升，大幅降低白屏渲染空白期、支持动态列宽、动态行高
vxe-table v4.9.9、v3.11.10 发布，渲染性能大幅提升，大幅降低白屏渲染空白期、支持动态列宽、动态行高；vxe-table 从 v1 ~ v4 已经发布很多版本，不管是功能还是性能已经很完善。v4.9.9 / v3.11.10 主要是解决动态行高与虚拟滚动与动态行高的问题、复杂度高的渲染出现渲染期空白的问题解决
2024-11-28 16:13:28
842
原创 vxe-table 打印出货单、自定义打印单据
在开发 ERP 或内部系统时，经常会遇到需求打印出货单，接下来分享如何在 vxe-table 灵活的使用打印功能，非常简单就能实现能自定义的出货单打印。页面上的打印区用蓝色边框标注了，方便看出效果vxe-table 打印出货单、自定义打印单据https://gitee.com/xuliangzhan/vxe-table
2024-11-21 13:07:35
1244
原创 vxe-table v4.8+ 实现拖拽行调整顺序、行拖动顺序调整排序、列拖拽调整顺序、列排序拖拽
vxe-table v4.8+ 实现拖拽行调整顺序、行拖动顺序调整排序、列拖拽调整顺序、列排序拖拽
2024-11-06 14:31:27
1182
原创 vxe-table v4.8+ 与 v3.10+ 导出 xlsx、支持导出合并、设置样式、宽高、边框、字体、背景、超链接、图片的详细介绍，一篇就够了
Vxe UI vue vxe-table v4.8+ 与 v3.10+ 导出 xlsx、支持导出合并、设置样式、宽高、边框、字体、背景、超链接、图片等、所有常用的 Excel 格式都能自定义，使用非常简单，纯前端实现复杂的导出。
2024-11-05 10:50:19
1416
原创 vxe-table v4.8+ 与 v3.10+ 虚拟滚动支持动态行高，虚拟渲染更快了
vxe-table v4.8+ 虚拟滚动支持动态行高，虚拟渲染更快了
2024-10-31 13:22:14
1005
1
原创 Vxe UI vue vxe-table 表格中使用下拉表格，单元格渲染下拉表格
Vxe UI vue vxe-table 表格中使用下拉表格，单元格渲染下拉表格
2024-10-28 10:31:01
776
原创 Vxe UI vue vxe-table grid 如何滚动、定位到指定行或列
Vxe UI vue vxe-table vxe-grid 在表格中有时候需要对数据会列进行操作。滚动定位到某一行或某一列，vxe-table 中提供了丰富的函数式 API，可以轻松对行与列进行各种的灵活的操作
2024-10-16 15:25:47
2405
原创 Vxe UI vue vxe-table grid 性能优化，提高渲染性能
Vxe UI vue vxe-table grid 性能优化，提高渲染性能
2024-10-15 16:09:49
4518
原创 Vxe UI vue vxe-table select 下拉框选项列表数据量超大过大时卡顿解决方法
Vxe UI vue vxe-table select 下拉框选项列表数据量超大过大时卡顿解决方法
2024-10-10 11:55:13
1937
原创 Vxe UI vue vxe-table vxe-grid 单元格与表尾单元格如何格式化数据
vuevxe-grid 单元格与表尾单元格如何格式化数据
2024-09-25 11:24:52
1265
原创 Vxe UI vxe-table column 根据内容的长度来自适应列的宽度
vue根据内容的长度来自适应列的宽度列的 width 宽度支持多种格式（默认情况下是等比例分配）：固定像素：100 或者 ‘100px’百分比：‘20%’自适应内容：‘auto’
2024-07-12 19:06:20
1711
原创 Vxe UI vxe-table custom 实现自定义列服务端保存，服务端恢复状态，实现用户个性化列信息保存
Vxe UI vxe-table custom 实现自定义列服务端保存，服务端恢复状态，实现用户个性化列信息保存
2024-06-13 09:11:00
2389
1
原创 Vxe UI vxe-modal 实现窗口的最大化与最小化，实现弹出多窗口
vue vue vxe-modal 实现窗口的最大化与最小化，实现弹出多窗口。
2024-06-11 11:50:40
1883
原创 Vxe UI vxe-form 实现折叠表单，当表单很多时实现自动收起与展开
Vxe UI vxe-form 实现折叠表单，当表单很多时实现自动收起与展开
2024-06-07 20:51:55
1530
原创 vue 使用 Vxe UI vxe-print 实现复杂的 Web 打印，支持页眉、页尾、分页的自定义模板
使用 Vxe UI 实现复杂的 Web 打印，支持页眉、页尾、分页的自定义模板
2024-06-04 00:41:18
1623
1
原创 Vxe UI vue vxe-form-design 表单设计器、零代码平台
Vxe UI vxe-form-design 表单设计器、零代码表单设计器，vxe-form-design 设计器组件。vxe-form-view 视图渲染组件。
2024-05-26 19:43:14
1518
core.1.0.1.js
2017-12-17
es6.core.js
2017-12-09
xe-ajax3.1.3.js
2018-03-05
《零基础写c语言程序设计》
2012-11-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人