手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

vue中draggable的使用方法

时间:2024-10-21 02:44:16

1、在进行开发的过程中,很多地方会使用到拖拽式方法,特别是开发移动端对应的后台,经常会用到两列之间相互拖动。当然,在使用之前,需要先下载这个组件并引入。

vue中draggable的使用方法

2、然后,按照官网提供的方法,引入两个draggable组件。当然,他们的group的值必须是一样的,这样才能相互的拖拽。

vue中draggable的使用方法

3、在需要使用的值比较多的情况下,为了页面的简洁,可以使用:options方法引入一直变量名,将其余的值,写在data中。

vue中draggable的使用方法
vue中draggable的使用方法
vue中draggable的使用方法

4、最终,这个拖拽式组件就是这样子的。主要实现的功能是,可以在后台控制前端页面渲染的样式。

vue中draggable的使用方法
© 手抄报圈