kd-vue-draggable
TypeScript icon, indicating that this package has built-in type declarations

1.0.7 • Public • Published

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

事件

贡献

Readme

Keywords

none

Package Sidebar

Install

npm i kd-vue-draggable

Weekly Downloads

1

Version

1.0.7

License

MIT

Unpacked Size

734 kB

Total Files

9

Last publish

Collaborators

  • anson1992