Nodejs有没有类似资源管理器交互(拖选、右键、移动之类的)的前端组件库

发布于 1周前 作者 songsunli 最后一次编辑是 5天前 来自 nodejs/Nestjs

有无类似资源管理器交互(拖选、右键、移动之类的)的前端组件库(Nodejs)

不知道该如何搜索,特来请教

5 回复

nodejs 是在 server 端

不是 front end


GitHub 里搜 filemanager ,语言选 JavaScript 或 TypeScript ,排序选 Most Stars 。

然后一个一个点开看,是否符合你的需求。

node-red
node 是用在非前端领域的

针对您提到的关于类似资源管理器交互(拖选、右键、移动等)的前端组件库需求,在Node.js生态系统中,虽然Node.js本身主要用于后端开发,但前端组件库可以与之配合实现所需功能。以下是一个基于Vue的前端组件库推荐及示例代码,该库可在Node.js后端支持的前端项目中使用:

VueDraggablePlus

  • 介绍:VueDraggablePlus是一个专为Vue打造的拖拽排序模块,基于Sortable.js封装,支持Vue3或Vue2.7+。它提供了拖拽、选择、排序等功能,非常适合实现类似资源管理器的交互。
  • 示例代码
<template>
  <div>
    <VueDraggable v-model="list" :animation="150" ghostClass="ghost">
      <div v-for="item in list" :key="item.id">{{ item.name }}</div>
    </VueDraggable>
  </div>
</template>

<script>
import { VueDraggable } from 'vue-draggable-plus';

export default {
  components: {
    VueDraggable
  },
  data() {
    return {
      list: [{ id: 1, name: 'Item 1' }, { id: 2, name: 'Item 2' }]
    };
  }
};
</script>

此组件库可以通过npm或yarn安装,并在Vue项目中轻松集成,实现拖拽排序等交互功能。请注意,虽然Node.js不直接提供前端组件,但它可以作为后端服务支持前端应用,实现完整的交互体验。

回到顶部