uniapp排序功能

在uni-app中实现排序功能可以使用Sortable.js库。Sortable.js是一个JavaScript库，用于在现代浏览器和触摸设备上对拖放列表进行重新排序，无需依赖jQuery。它具有以下特点：

1. 轻量级：Sortable.js非常轻量级，文件大小小，加载速度快。
2. 兼容性好：Sortable.js支持现代浏览器和触摸设备，可以在不同平台上实现拖拽排序功能。
3. 灵活性：Sortable.js提供了丰富的配置选项和回调函数，可以根据需求自定义拖拽排序的行为和样式。
4. 易于使用：Sortable.js的API简单易懂，只需几行代码就可以实现拖拽排序功能。

以下是一个示例代码，演示了如何在uni-app中使用Sortable.js实现排序功能：

<template>
  <div>
    <ul id="sortable">
      <li v-for="(item, index) in list" :key="index">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
import Sortable from 'sortablejs';

export default {
  data() {
    return {
      list: ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5']
    };
  },
  mounted() {
    const sortable = Sortable.create(document.getElementById('sortable'), {
      animation: 150, // 动画时间，单位毫秒
      onEnd: (evt) => {
        // 拖拽结束后的回调函数
        console.log('New order:', this.list);
      }
    });
  }
};
</script>

在上述代码中，我们首先引入了Sortable.js库，并在mounted钩子函数中创建了一个Sortable实例。通过传入一个包含列表元素的父元素的id，我们可以实现对该列表元素的拖拽排序功能。在拖拽结束后，会触发onEnd回调函数，我们可以在该回调函数中获取到新的排序结果。