kd-vue-draggable 组件拖拽

适用于Vue3技术栈的控件拖拽和调整大小组件

功能

• 组件拖拽
• 组件大小调整
• gird栅格
• 父级限制
• 固定宽高比
• 句柄样式定制
• 自定义宽度高度、最大/最小宽度高度
• 拖拽、大小调整、激活回调

安装使用

# 最新版本
yarn add kd-vue-draggable

# 最新版本
npm install vue-draggable

全局注册组件

import VueDraggableResize from 'kd-vue-draggable'

const app = createApp(App)
app.use(VueDraggableResize).mount('#app')

按需注册组件

import VueDraggableResize from 'kd-vue-draggable'

export default defineComponent({
    name: 'App',
    components: { VueDraggableResize },
    setup() {
      return {}
    }
  })

Props

事件

贡献