2026年10月12日
el-tree 单接口滚动分页
摘要： 完整组件 保存为项目内的 CustomerTreeScrollDemo.vue，使用已有的 getCustomerList 接口方法。父组件传入组织 ID；切换组织时通过 key 重建组件，重新从第一页加载： <customer-tree-scroll-demo :key="orgId" :org- 阅读全文
posted @ 2026-10-12 10:35 不完美的完美 阅读(2) 评论(0) 推荐(0)
2026年3月25日
el-select下拉框加载分页
摘要： 组件demo <template> <el-select v-model="val" @change="onChange" :clearable="clearable" popper-class="account-select-dropdown" placeholder="请选择" filterab 阅读全文
posted @ 2026-03-25 17:11 不完美的完美 阅读(24) 评论(0) 推荐(0)
2026年1月9日
vue3.0和vite显示svg图标
摘要： 1、安装依赖（Vite 环境） 首先安装解析 SVG 的依赖： npm install vite-plugin-svg-icons -D yarn add vite-plugin-svg-icons -D pnpm add vite-plugin-svg-icons -D 2、配置 Vite 解析规 阅读全文
posted @ 2026-01-09 09:37 不完美的完美 阅读(35) 评论(0) 推荐(0)
2025年12月4日
element-ui的table跨行合并
摘要： 效果图 代码 <template> <el-container class="car-head"> <el-header height="auto"> <el-form :inline="true" :model="formObj" @submit.native.prevent label-widt 阅读全文
posted @ 2025-12-04 17:19 不完美的完美 阅读(27) 评论(0) 推荐(0)
2025年12月1日
表格
摘要： 示例图 代码 组件代码 <template> <div class="coordinate-table h-100" @paste="(e) => handleTablePaste(e)" @mousedown="handleTableMouseDown"> <!-- 拖拽起始事件 --> <tab 阅读全文
posted @ 2025-12-01 17:01 不完美的完美 阅读(31) 评论(0) 推荐(0)
跨列合并表格
摘要： 示例图 父组件代码 xsgxAxis = [] xsgYAxis = [] tableData = []; InitLoad() { const tmp1 = this.processHorizontalMerge(data1); const tmp2 = data2.map(el => ({ na 阅读全文
posted @ 2025-12-01 16:59 不完美的完美 阅读(28) 评论(0) 推荐(0)
表体只有一列表格
摘要： 示例图 表体只有一列 组件代码 <template> <div class="coordinate-table h-100" @paste="(e) => handleTablePaste(e)" @mousedown="handleDragStart"> <!-- 拖拽开始事件 --> <tabl 阅读全文
posted @ 2025-12-01 16:54 不完美的完美 阅读(26) 评论(0) 推荐(0)
跨行合并表格
摘要： 示例图 第一列会出现跨行合并 父组件代码 pgxAxis = [] pgyAxis = [] verticalSpans = [] // 处理纵向合并（行合并） processVerticalMerge() { if (this.pgyAxis.length 0) { return; } const 阅读全文
posted @ 2025-12-01 16:51 不完美的完美 阅读(32) 评论(0) 推荐(0)
完善T型二维表
摘要： 示例图 实现跟excle一样复制粘贴功能 拖动选中单元格实现按delete和backspace后删除单元格 键盘箭头上、下、左、右、回车单元格会往上、下、左、右、下一格 二维表组件代码 <template> <div class="fixed-table-container" :data-insta 阅读全文
posted @ 2025-12-01 16:24 不完美的完美 阅读(36) 评论(0) 推荐(0)
2025年11月21日
宜搭在线js上点击按钮实现打印div效果
摘要： export function onClick() { console.log('onClick'); const outerContainer = document.querySelector(".labelcode-tag-container"); if (!outerContainer) { 阅读全文
posted @ 2025-11-21 15:04 不完美的完美 阅读(42) 评论(0) 推荐(0)
下一页