登录
/
注册
首页
论坛
其它
首页
科技
业界
安全
程序
广播
Follow
关于
签到
每天签到奖励2-10圆
导读
排行榜
TG频道
发帖说明
登录
/
注册
账号
自动登录
找回密码
密码
登录
立即注册
搜索
搜索
关闭
CSDN热搜
程序园
精品问答
技术交流
资源下载
本版
帖子
用户
软件
问答
教程
代码
写记录
VIP申请
VIP网盘
网盘
联系我们
发帖说明
每日签到
道具
勋章
任务
淘帖
动态
分享
留言板
导读
设置
我的收藏
退出
腾讯QQ
微信登录
返回列表
首页
›
资源区
›
代码
›
如何使用 vxe-table 实现穿梭框的功能,同时还能支持数 ...
如何使用 vxe-table 实现穿梭框的功能,同时还能支持数据拖拽穿梭
[ 复制链接 ]
丰江
2025-9-2 14:26:34
如何使用 vxe-table 实现穿梭框的功能,同时还能支持数据拖拽穿梭
使用 vxe-table 来实现该功能非常简单,以下的使用方法及说明
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
按钮穿梭
通过复选框选择来实现左右交换数据
拖拽穿梭
当使用拖拽穿梭数据时,需要确保数据主键不重复,通过 row-config.keyField 指定主键字段名
代码
<template>
<vxe-grid ref="gridRef1" v-bind="gridOptions1"></vxe-grid>
<vxe-button status="primary" icon="vxe-icon-arrow-double-right" @click="addEvent"></vxe-button>
<vxe-button status="error" icon="vxe-icon-arrow-double-left" @click="delEvent"></vxe-button>
<vxe-grid ref="gridRef2" v-bind="gridOptions2"></vxe-grid>
</template>
复制代码
https://gitee.com/x-extends/vxe-table
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
穿梭
如何
使用
vxe
table
相关帖子
如何通过Python SDK在Collection中进行相似性检索
使用TCL脚本快速创建Quartus工程
Roslyn 技术解析:如何利用它做代码规范检查与运行时代码生成?
vue 下拉框 vxe-select 实现人员选择下拉列表
铜价冲击下,如何“锁住”母排利润?
使用EB tresos对配置can、icu
同一设备多账号登录,如何避免消息推送“串门”?
C# 使用 using 关键字间接实现只读局部变量的方法
使用Scalar.AspNetCore来管理你的OpenApi
WPF/C#:使用Microsoft Agent Framework框架创建一个带有审批功能的终端Agent
vip免费申请,1年只需15美金$
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
相关推荐
业界
如何通过Python SDK在Collection中进行相似性检索
0
760
褐洌
2025-10-15
安全
使用TCL脚本快速创建Quartus工程
0
735
楞粳
2025-10-15
业界
Roslyn 技术解析:如何利用它做代码规范检查与运行时代码生成?
0
1006
辖瑁地
2025-10-15
代码
vue 下拉框 vxe-select 实现人员选择下拉列表
0
785
瞧厨
2025-10-16
安全
铜价冲击下,如何“锁住”母排利润?
0
478
段干叶农
2025-10-16
安全
使用EB tresos对配置can、icu
0
643
胥望雅
2025-10-16
业界
同一设备多账号登录,如何避免消息推送“串门”?
0
236
裸历
2025-10-17
安全
C# 使用 using 关键字间接实现只读局部变量的方法
0
277
东门芳洲
2025-10-17
业界
使用Scalar.AspNetCore来管理你的OpenApi
0
358
揿纰潦
2025-10-17
业界
WPF/C#:使用Microsoft Agent Framework框架创建一个带有审批功能的终端Agent
0
990
谅潭好
2025-10-18
回复
(1)
渣骑
4 天前
回复
使用道具
举报
照妖镜
这个好,看起来很实用
vip免费申请,1年只需15美金$
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
回复
本版积分规则
回帖并转播
回帖后跳转到最后一页
浏览过的版块
安全
业界
签约作者
程序园优秀签约作者
发帖
丰江
4 天前
关注
0
粉丝关注
19
主题发布
板块介绍填写区域,请于后台编辑
财富榜{圆}
anyue1937
9994893
dage888
999994
3934307807
993175
4
富账慕
9983
5
邹语彤
9985
6
刎唇
9993
7
匝抽
9986
8
聚怪闩
9960
9
烯八
9957
10
孙淼淼
9977
查看更多