使用vue-draggable-resizable进行对vue项目的div的拖动和伸缩

为大家发发福利,推荐一款非常好用的vue的插件包,用于div的拖动和伸缩相关设置
不过大家千万注意别忘记把vue-draggable-resizable.css引入进去,直接在node_module中搜就能找到
https://npm.taobao.org/package/vue-draggable-resizable
使用vue-draggable-resizable进行对vue项目的div的拖动和伸缩_第1张图片
使用vue-draggable-resizable进行对vue项目的div的拖动和伸缩_第2张图片
使用vue-draggable-resizable进行对vue项目的div的拖动和伸缩_第3张图片
使用vue-draggable-resizable进行对vue项目的div的拖动和伸缩_第4张图片
使用vue-draggable-resizable进行对vue项目的div的拖动和伸缩_第5张图片
2. 对上面每个属性,事件的具体的实操try 一 try ,让你更快速理解如何使用vue-draggable-resizable插件,来对你的div进行拖拽以及伸缩变换
https://mauricius.github.io/vue-draggable-resizable/?selectedKind=Basic&selectedStory=Basic component with onResizeStart callback&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Fnotes%2Fpanel
使用vue-draggable-resizable进行对vue项目的div的拖动和伸缩_第6张图片
原创

你可能感兴趣的:(vue技术相关)