2024年11月25日
vxe-table 单元格选取功能与多个区域选取功能
摘要： 多区域选取通过 mouse-config。area 与 area-config.multiple 启用，area-config.selectCellByHeader 用于启用表头选取功能，开启后选取表头自定义选取一整列的所有单元格 <template> <div> <vxe-table border 阅读全文
posted @ 2024-11-25 13:01 可不简单 阅读(331) 评论(0) 推荐(0)
vxe-table 使用单元格选取功能
摘要： 通过参数 mouse-config.area 启用单元格选取功能、Excel 区域选取。 <template> <div> <vxe-table border height="500" :column-config="{resizable: true}" :mouse-config="{area: 阅读全文
posted @ 2024-11-25 12:58 可不简单 阅读(179) 评论(0) 推荐(0)
2024年11月24日
vxe-table 设置单元格对齐方式，左对齐、右对齐
摘要： 官网：https://vxeui.com/ <template> <div> <vxe-table border header-align="center" align="left" :data="tableData"> <vxe-column type="seq" width="70"></vxe 阅读全文
posted @ 2024-11-24 20:08 可不简单 阅读(267) 评论(0) 推荐(0)
2024年11月22日
vxe-upload 上传附件显示进度
摘要： 官网：https://vxeui.com/ <template> <div> <vxe-upload v-model="fileList" multiple show-progress :upload-method="uploadMethod"></vxe-upload> </div> </temp 阅读全文
posted @ 2024-11-22 15:56 可不简单 阅读(76) 评论(0) 推荐(0)
vxe-upload 上传图片显示进度
摘要： 官网：https://vxeui.com/ <template> <div> <vxe-upload v-model="imgList" mode="image" multiple show-progress :upload-method="uploadMethod"></vxe-upload> < 阅读全文
posted @ 2024-11-22 15:55 可不简单 阅读(48) 评论(0) 推荐(0)
vxe-table-select 实现下拉表格选择组件
摘要： 官网：https://vxeui.com <template> <div> <vxe-table-select v-model="val1" :columns="columnList" :options="tableData" :grid-config="gridConfig"></vxe-tabl 阅读全文
posted @ 2024-11-22 15:51 可不简单 阅读(535) 评论(0) 推荐(0)
vxe-select 下拉列表使用虚拟滚动加载上万选项列表
摘要： 官网：https://vxeui.com 正常使用下拉框加载上万列表选项非常卡，使用虚拟滚的的下拉框之后就可以毫秒加载 50万行下拉选项 <template> <div> <p> <vxe-button @click="loadData(100)">加载1百条</vxe-button> <vxe-b 阅读全文
posted @ 2024-11-22 15:50 可不简单 阅读(420) 评论(0) 推荐(0)
vxe-table 实现列拖拽排序
摘要： 官网: https://vxetable.cn <template> <div> <vxe-button status="success" @click="resultEvent">获取列</vxe-button> <vxe-table border ref="tableRef" :column-c 阅读全文
posted @ 2024-11-22 10:17 可不简单 阅读(134) 评论(0) 推荐(0)
vxe-table 实现行拖拽排序
摘要： 官网: https://vxetable.cn <template> <div> <vxe-table border ref="tableRef" :row-config="rowConfig" :column-config="columnConfig" :data="tableData"> <vx 阅读全文
posted @ 2024-11-22 10:12 可不简单 阅读(432) 评论(0) 推荐(0)
2024年11月21日
vxe-grid 自定义插槽模板
摘要： 在 vxe-table 中使用 vxe-grid 渲染表格，当配置式不能满足需求时，。需要使用自定义插槽模板来自定义业务需求，实现更灵活的功能。vxe-grid 支持多种自定义方式，可以使用插槽模板，也可以使用插槽来自定义模板。 官网: https://vxetable.cn 自定义单元格模板 <t 阅读全文
posted @ 2024-11-21 21:20 可不简单 阅读(1925) 评论(0) 推荐(0)