摘要：
效果图 代码 <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
不完美的完美
阅读(7)
评论(0)
推荐(0)
摘要：
示例图 代码 组件代码 <template> <div class="coordinate-table h-100" @paste="(e) => handleTablePaste(e)" @mousedown="handleTableMouseDown"> <!-- 拖拽起始事件 --> <tab 阅读全文
posted @ 2025-12-01 17:01
不完美的完美
阅读(3)
评论(0)
推荐(0)
摘要：
示例图 父组件代码 xsgxAxis = [] xsgYAxis = [] tableData = []; InitLoad() { const tmp1 = this.processHorizontalMerge(data1); const tmp2 = data2.map(el => ({ na 阅读全文
posted @ 2025-12-01 16:59
不完美的完美
阅读(5)
评论(0)
推荐(0)
摘要：
示例图 表体只有一列 组件代码 <template> <div class="coordinate-table h-100" @paste="(e) => handleTablePaste(e)" @mousedown="handleDragStart"> <!-- 拖拽开始事件 --> <tabl 阅读全文
posted @ 2025-12-01 16:54
不完美的完美
阅读(6)
评论(0)
推荐(0)
摘要：
示例图 第一列会出现跨行合并 父组件代码 pgxAxis = [] pgyAxis = [] verticalSpans = [] // 处理纵向合并（行合并） processVerticalMerge() { if (this.pgyAxis.length 0) { return; } const 阅读全文
posted @ 2025-12-01 16:51
不完美的完美
阅读(4)
评论(0)
推荐(0)
摘要：
示例图 实现跟excle一样复制粘贴功能 拖动选中单元格实现按delete和backspace后删除单元格 键盘箭头上、下、左、右、回车单元格会往上、下、左、右、下一格 二维表组件代码 <template> <div class="fixed-table-container" :data-insta 阅读全文
posted @ 2025-12-01 16:24
不完美的完美
阅读(5)
评论(0)
推荐(0)
摘要：
export function onClick() { console.log('onClick'); const outerContainer = document.querySelector(".labelcode-tag-container"); if (!outerContainer) { 阅读全文
posted @ 2025-11-21 15:04
不完美的完美
阅读(5)
评论(0)
推荐(0)
摘要：
<template> <div class="resizable-container"> <!-- 上半部分内容区 --> <div class="resizable-top" :style="{ height: topHeight + 'px' }" > 上半部分内容（可拖动下方分隔线调整高度） 阅读全文
posted @ 2025-11-14 10:44
不完美的完美
阅读(11)
评论(0)
推荐(0)
摘要：
效果图 vue3.0+element-plus 拖拽效果 vue-draggable-plus 父组件使用 <column-dialog :options="fields" v-model="content"></column-dialog> 子组件 ColumnDialog/index.vue < 阅读全文
posted @ 2025-11-11 10:30
不完美的完美
阅读(7)
评论(0)
推荐(0)
摘要：
<template> <div class="table-merge-example"> <h2 class="title">Vue2 表格数据合并示例</h2> <div class="table-container"> <h3>横向合并（列合并）</h3> <table class="merge 阅读全文
posted @ 2025-11-11 10:16
不完美的完美
阅读(8)
评论(0)
推荐(0)
浙公网安备 33010602011771号