vuedraggable clone

兔子零-A酱

于 2021-06-12 21:38:03 发布

阅读量3.1k

点赞数 2

分类专栏：前端 vue

本文链接：https://blog.youkuaiyun.com/weixin_43764814/article/details/117856012

版权

本文详细探讨了vuedraggable组件中的clone事件，该事件在拖拽操作中发挥关键作用，返回克隆元素、原始源及索引等关键数据，帮助开发者更好地实现动态布局和列表复制功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vuedraggable 提供了一个 clone事件，这个事件会返回克隆目标、来源、索引等相关信息。

事件名称	说明
clone	从一个数组拖拽到另外一个数组时触发的事件和add不同，clone是复制了数组元素

<!--
 * @Description: vuedraggable
 * @Version: 0.1
 * @Autor: wangmiao
 * @Date: 2021-06-12 20:54:49
 * @LastEditors: wangmiao
 * @LastEditTime: 2021-06-12 21:31:12
-->
<template>
  <div>
    <!--使用draggable组件-->
    <div class="itxst">
      <div style="padding-left: 6px">clone例子,左边往右边拖动试试看</div>
      <div class="col">
        <draggable
          v-model="arr1"
          @end="end1"
          :options="{ group: { name: 'itxst', pull: 'clone' }, sort: true }"
          animation="300"
          :move="onMove"
          :clone="c

最低0.47元/天解锁文章