用vue3语法改造vue2的vue-grid-layout

Vue3-grid-layout

最近因为业务需求,需要用到拖拽式网格布局,且支持vue3。
网上找了个vue2 的vue-grid-layout,在此基础上改造成vue3的

改造后git的仓库

git地址 https://github.com/xhlife/vue3-grid-layou
目前测试拖拽和缩放暂无问题,欢迎修改和提bug

主要修改

eventBus修改

vue3不能像vue2那样直接new Vue() 用作eventBus,引入mitt

钩子函数的修改

效果

用vue3语法改造vue2的vue-grid-layout_第1张图片

你可能感兴趣的:(vue.js,前端,javascript)