vxe-ui

vue 甘特图 vxe-gantt table 拖拽任务调整开始日期和结束日期的使用，拖拽任务调整日期vue 甘特图 vxe-gantt table 拖拽任务调整开始日期和结束日期的使用，拖拽任务调整日期，通过设置 task-bar-config.drag 启用拖拽任务条移动日期功能，设置 task-bar-config.resize 启用拖拽任务条调整日期功能

vxe-gantt vue table 甘特图子任务多层级自定义模板用法vxe-gantt vue table 甘特图子任务多层级自定义模板用法，通过树结构来渲染多层级的子任务，将数据带有父子层级的数组进行渲染

vue vxe-gantt table 甘特图实现多个维度视图展示，支持切换年视图、月视图、周视图等vue vxe-gantt table 甘特图实现多个维度视图展示，支持切换年视图、月视图、周视图等，通过 task-view-config 来配置日期轴。

vue vxe-gantt 甘特图实现产品进度列表，自定义任务条样式和提示信息vue vxe-gantt 甘特图实现产品进度列表，自定义任务条样式和提示信息，通过指定 task-config.startField, task-config.endField, task-config.progressField 来自定义字段名

如何使用 vxe-table 导出为带图片的单元格到 excel 格式文件如何使用 vxe-table 导出为带图片的单元格到 excel 格式文件需要注意导出图片时，需确保图片是有效链接，且允许跨域获取，否则不支持导出图片

如何实现 vxe-gantt 甘特图编辑左侧表格数据自动更新右侧进度视图如何实现 vxe-gantt 甘特图编辑左侧表格数据自动更新右侧进度视图，，通过监听左侧表格的 edit-closed 编辑结束事件，然后在调用 refreshTaskView 方法来刷新视图，就可以达到实时更新进度效果效果

vxe-gantt 甘特图使用右键菜单vxe-gantt 甘特图使用右键菜单，支持表头菜单、内容菜单、表尾菜单，自定义样式，配置项 menu-config={header,body,footer}，实现对按钮的控制，通过 visibleMethod 和 visible | disabled 属性来控制菜单选项的操作权限，可以精确到每一列每一行的显示隐藏与禁用控制

vxe-table 数据校验的2种提示方式vxe-table 数据校验的2种提示方式，第一种是当个校验信息提示，第二种是多个校验信息提示。通过设置 valid-config.msgMode=‘full’ ，同时显示多个错误提示，调用 fullValidate 方法校验，用法是一样的。

vue 下拉框 vxe-select 实现人员选择下拉列表vue 下拉框 vxe-select 实现人员选择下拉列表使用自定义选项插槽的方式，可以灵活的实现各种类型的下拉选择

vxe-table 通过配置 ajax 方式自动请求数据，适用于简单场景的列表vxe-table 通过配置 ajax 方式自动请求数据，适用于简单场景的列表当系统中很多页面都是简单列表时，每次都要手动去请求接口后再赋值，过程就会比较冗余繁琐。解决方式一般就是将封装一下。本章的方式是通过 vxe-grid 配置 ajax 来实现自动请求加载数据，无需封装组件，适用于通用简单列表。

vxe-upload vue 实现附件上传、手动批量上传附件的方式vxe-upload vue 实现附件上传、手动批量上传附件的方式查看官网：https://vxeui.com

vue vxe-color-picker 颜色选择器，启用取色管功能，选取页面内任意颜色vue vxe-color-picker 颜色选择器，启用取色管功能，选取页面内任意颜色官网：https://vxeui.com github：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-pc-ui

vxe-table 如何使用树层级结构并开启虚拟滚动vxe-table 如何使用树层级结构并开启虚拟滚动，默认情况下 vxe-table 是支持平级树结构开启虚拟滚动的，会自动转成树结构，但是有时候后端返回的数据是树层级，不是平级。这时候就可以用数据拍平方法实现。

vue 上传组件 vxe-upload 实现拖拽调整顺序vue 上传组件 vxe-upload 实现拖拽调整顺序，通过设置 drag-sort 参数就可以启用拖拽排序功能

css vue vxe-text-ellipsis table 实现多行文本超出隐藏省略分享 vxe-text-ellipsis table grid 多行文本溢出省略的用法正常情况下如果需要使用文本超出隐藏，通过 css 就可以完成

vxe-table 打印出货单、自定义打印单据在开发 ERP 或内部系统时，经常会遇到需求打印出货单，接下来分享如何在 vxe-table 灵活的使用打印功能，非常简单就能实现能自定义的出货单打印。

Vxe UI vue vxe-table 表格中使用下拉表格，单元格渲染下拉表格Vxe UI vue vxe-table 表格中使用下拉表格，单元格渲染下拉表格单元格中渲染下拉表格，需要使用到 vxe-table-select 这个组件，在 vxe-table 4.7+ 中使用非常简单，只需要配置好渲染器数据源就可以。

Vxe UI vue vxe-table vxe-text-ellipsis 如何实现单元格多行文本超出、多行文本溢出省略Vxe UI vue vxe-table 如何实现单元格多行文本超出、多行文本溢出省略配合 vxe-text-ellipsis 组件实现多行文本溢出省略

Vxe UI vxe-table column 根据内容的长度来自适应列的宽度Vxe UI vue vxe-table 根据内容的长度来自适应列的宽度列的 width 宽度支持多种格式（默认情况下是等比例分配）：固定像素：100 或者 ‘100px’ 百分比：‘20%’ 自适应内容：‘auto’

Vxe UI vxe-upload 上传组件，显示进度条的方法vxe-upload 上传组件查看官网 https://vxeui.com显示进度条很简单，需要后台支持进度就可以了，后台实现逻辑具体可以百度，这里只介绍前端逻辑。