vue3里面，如何实现穿梭框自定义重置按钮，点击重置按钮可以清空左侧已选中的数据

草与岁月相伴 2024-03-27 14:58:17

如图，vue3里有什么写法可以清空左侧已选中的数据吗，百度了半天都是vue2的写法

这是百度到的vue2的写法，自己研究半天没研究出来vue3怎么写

求大神指点

...全文

242 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

太空漫步11 2024-03-27

打赏
举报

设置left-default-checked属性绑定data的leftCheckValues。
操作按钮绑定click方法leftFooter，leftFooter方法中将leftCheckValues设置为空。

草与岁月相伴 2024-03-28

@太空漫步11 啊啊啊啊啊啊啊啊啊谢谢大佬！这个left-default-checked我原先以为只有在第一次赋值的时候才有用，所以没有考虑过使用它，没想到还可以这样用，想了好多办法都没有解决问题，看到大佬的回复赶紧去试了试，然后就解决了！谢谢大佬！！！

基于 `Vue 3`、`TypeScript` 和 `Ant Design Vue` 的 `a-transfer` 组件，打造一个支持拖拽排序、拖动穿梭的交互式组件，提升用户体验。

vue使用element Transfer 穿梭框实现ajax请求数据和自定义查询基于element Transfer http://element-cn.eleme.io/#/zh-CN/component/transfer 直接上代码 <template> <div class="auth-user-list"> <el-breadcrumb separ...

<el-transfer filterable :titles="['未选择', '已选择']" :filter-method="filterMethod" filter-placeholder="请输入名字" v-model="value" :data="generateData()" :props="{ key: 'id', la.

这里其实是处理数据格式的。要求数据必须是：array[{ key, label, disabled }]这里的data对应上面的数据源，只要有数据generateData(),可以不用。value为空即可。后期获取到数据再处理。data是数据，value是绑定选择的。所以只要符合格式，要不要都行。

html代码 <a-transfer :data-source="mockData" :target-keys="targetKeys" :show-search="true" :filter-option="(inputValue, item) => item.title.indexOf(inputValue) !== -1" :show-select-all="false" @change="onChange1" > <!-- <template

前端社区

316,269

社区成员

60,459

社区内容

发帖

与我相关

我的任务

前端学习经验分享个人社区北京·丰台区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

诚挚的邀请大家加入几何心凉社区，在这里您可以结实挚友、提升技术、分享经验、成就自己

【社区活动】本社区受官方长期扶持，您可以通过活动打造个人IP，让更多的人受益于您的分享，同时我们还会奉上精美周边；
【赢在CSDN】社区会对社区成员开设博主扶持计划，集结优质博主分享成长经验，更是疑问在线解答，定期直播连麦，只要您是本社区成员皆可免费享受此权益，让我们携手共进助您速获万粉头衔；
【Vue技能树】本社区创建人同时作为Vue技能树构建者，可为本社区开设技能树投稿通道，获得此权益后我们的高质量的文章被技能树收录获得更多曝光机会；
【简历/就业指导】本社区创建者目前兼职高校就业指导，如果您是学生准备找工作或者您是职场人在应聘中遇到任何问题都可以在这里寻求帮助，我们会定期开设简历审查、面试技巧等就业方面的直播讲解；
【技术交流】任何语言任何方向的技术文章我们都可以汇聚于此，大家可以摸鱼时间可以来此处提升自己，遨游在技术的海洋中；
【立码吐槽】不管你是学生还是打工人，相信在生活中肯定有不断的新鲜事发生，这些事情可以是令你高兴的（比如今天过生日）可以是伤心的（比如我们丢了一个发卡）当然还会有很多，不满、发泄、求安慰等等，那么你可以在这个专栏中做出分享，求一句生日快乐、上岸顺利、加油老铁等等暖心的话；相信我们社区的伙伴看到后一定会速来吐槽；
【bug记录】开发中的坑、学习中的雷，我们皆可投递于此，让更多的人借着分享精准避免从而高效开发；
【更多】更多专栏正在筹备中。。。如果您是社区成员、如果您想为社区建设贡献力量，可以私聊社区管理员；

试试用AI创作助手写篇文章吧

+ 用AI写文章