linong
← Demo 归档

Vue2 文件管理器

Vue 2 + Element UI 实现的类资源管理器：树形目录与文件列表交互。

Vue2 文件管理器
Web 交互 精选 精选 legacy Vue 交互
新窗口打开 原路径 https://segmentfault.com/q/1010000047447439
在线预览
全屏打开

简介

用 Vue 2 与 Element UI 搭的迷你「文件管理器」：左侧树浏览目录，右侧列出文件，一眼能看懂典型后台资源管理布局与选中/导航交互。适合当作 Element 树表组合的样例页。

如何测试验证

  1. 展开/收起左侧树节点，确认选中态同步到右侧列表。
  2. 点击不同目录，检查列表内容是否切换。
  3. 打开开发者工具，确认页面未因缺 CDN（Vue / Element）报错。

相关规范与文档