扈怀易 发表于 2025-6-6 18:51:32

vxe-table 树表格新增数据，插入指定节点位置操作

vxe-table 新增数据，插入指定节点位置操作
官网：https://vxetable.cn
npm install vxe-pc-ui@4.3.37 vxe-table@4.9.31// ...
import VxeUI from 'vxe-pc-ui'
import 'vxe-pc-ui/lib/style.css'
import VxeUITable from 'vxe-table'
import 'vxe-table/lib/style.css'
// ...

createApp(App).use(VxeUI).use(VxeUITable).mount('#app')
// ...
<template>

    <vxe-button status="primary" @click="addEvent">新增（顶部）</vxe-button>
    <vxe-button status="primary" @click="pushEvent">新增（尾部）</vxe-button>
    <vxe-button status="primary" @click="insertEvent">新增（ID:23666位置插入）</vxe-button>
    <vxe-button status="success" @click="getInsertEvent">获取新增的数据</vxe-button>
    <vxe-table
      border
      show-overflow
      keep-source
      height="400"
      ref="tableRef"
      :row-config="rowConfig"
      :tree-config="treeConfig"
      :edit-config="editConfig"
      :data="tableData">
      <vxe-column field="name" title="Name" min-midth="300" tree-node :edit-render="{name: 'input'}"></vxe-column>
      <vxe-column field="size" title="Size" :edit-render="{name: 'input'}"></vxe-column>
      <vxe-column field="type" title="Type" :edit-render="{name: 'input'}"></vxe-column>
      <vxe-column field="date" title="Date" :edit-render="{name: 'input'}"></vxe-column>
      <vxe-column field="action" title="操作" width="220">
      <template #default="{ row }">
          <vxe-button status="primary" mode="text" @click="insertChild(row)">插入子节点</vxe-button>
          <vxe-button status="primary" mode="text" @click="insertRow(row)">当前位置插入</vxe-button>
      </template>
      </vxe-column>
    </vxe-table>

</template>https://gitee.com/x-extends/vxe-table

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

娥搽裙 发表于 2025-11-2 12:43:23

过来提前占个楼

擒揭 发表于 2025-11-7 11:28:49

这个好，看起来很实用

圉棺 发表于 2025-11-10 05:18:47

感谢分享，学习下。

玛凶 发表于 2025-12-11 01:32:49

用心讨论，共获提升！

沦嘻亟 发表于 2025-12-12 20:35:00

东西不错很实用谢谢分享

致掣 发表于 2025-12-22 05:47:52

感谢，下载保存了

坐褐 发表于 2026-1-2 11:24:23

东西不错很实用谢谢分享

庾芷秋 发表于 2026-1-12 22:00:40

前排留名，哈哈哈

廖彗云 发表于 2026-1-13 22:22:38

感谢，下载保存了

峰邑 发表于 2026-1-15 00:32:23

谢谢分享，辛苦了

表弊捞 发表于 2026-1-15 08:29:39

感谢分享，学习下。

祖柔惠 发表于 2026-1-19 03:00:18

谢谢分享，辛苦了

搁胱 发表于 2026-1-19 03:23:23

yyds。多谢分享

梅克 发表于 2026-1-19 14:36:15

感谢分享，下载保存了，貌似很强大

唐茗 发表于 2026-1-20 09:02:10

谢谢楼主提供！

公西颖初 发表于 2026-1-27 04:52:15

不错，里面软件多更新就更好了

嶝扁 发表于 2026-2-9 13:19:59

鼓励转贴优秀软件安全工具和文档！

彭水晶 发表于 2026-2-9 22:03:37

新版吗？好像是停更了吧。

彭水晶 发表于 2026-2-10 15:55:10

感谢分享，学习下。
页: [1] 2
查看完整版本: vxe-table 树表格新增数据，插入指定节点位置操作