当前位置: 首页 > 工具软件 > Draggabilly > 使用案例 >

Draggabilly插件dom移动

欧阳飞章
2023-12-01

下载Draggabilly插件

然后在组件中引用

import Draggabilly from 'draggabilly'; // 元素移动用

并用以下方法创建Draggabilly实例,可以放在dom加载之后

/* eslint-disable no-new */ // 这条注释要带,消除eslint带来的报错
new Draggabilly('.bigTitle'/*这个是移动的元素的class名称*/, { // 上边注释要带消除eslint报错  containment: 'body', // 在那个dom范围下进行移动,一般选取body
  handle: '.al_move' // 鼠标点击拖拽的dom的class名
});

注:两个class名称必须都要放在dom上,不然会报错

 类似资料: