uniapp中如何使用Sortable实现拖拽

 时间:2024-10-22 04:55:14

Sortable是一个同时兼容pc端和移动端的拖拽插件,本文就详细介绍如何在uniapp中使用该插件。

工具/原料

联想Air14

Windows10

HbuilderX3.4.15

方法/步骤

1、在需要该插件的项目终端中使用npminstallsortablejs--save安装该插件。

uniapp中如何使用Sortable实现拖拽

2、使用importSortablefrom"sortablejs"引入该插件。

uniapp中如何使用Sortable实现拖拽

3、值得注意的是,JavaScript中需要加入module="renderjs&q掼鸿乡羰uot;,才能操作dom元素。

uniapp中如何使用Sortable实现拖拽

4、在mounted生命周期函数中,使用document获取到需要拖拽的元素,就能实现拖拽功能了。

uniapp中如何使用Sortable实现拖拽

android studio忽视代码大小写提示 怎么开启TIM的自动调节麦克风音量功能 如何使用HTML5中的hgroup元素实现标题分组 易语言教程 调用dll文件 百度浏览器乱码问题怎么解决?
热门搜索
精致女人图片 云杉图片 唯美小清新图片 深圳城市图片 墓碑图片大全