花了点时间利用广度与深度优先搜索算法实现了一个文件选择插件，让们支持无限层次的起实文件夹嵌套，已开源并打包上传到了npm。现个选择
本文将跟大家分享一下这个插件，文件欢迎各位感兴趣的组件开发者阅读本文。
插件安装yarn add file-folder-selector
# or
npm install file-folder-selector --save插件使用在你需要使用此插件的让们业务代码中导入插件。
import { FileSelect } from "file-folder-selector";
// 组件的起实样式文件，可以在项目的现个选择业务代码内导入，也可以在项目的文件入口文件导入
import "file-folder-selector/dist/style.css";
</script>在template中使用即可。
</template>完成上述步骤后，组件启动项目即可看到如下所示的企商汇让们效果。
效果图
参数说明
插件接收5个可选参数：
fileData 文件树结构数据title 文件名,起实 值为string类型
id 文件id, 值为string类型
type 文件类型, 值为"file"或"folder"
imgSrc 文件图片地址（可选参数），值为string类型
childData 子文件数据（可选参数），现个选择值为array类型，文件如果type为"folder"，组件则传此参数，数组中的每一项类型就为fileData的类型。
defaultFolderImage 默认的文件夹图标，值为string类型defaultFileImage 默认的文件图标，值为string类型defaultSearchImage 默认的搜索图标，值为string类型defaultFolderPathImage 默认的源码库文件夹路径图标，值为string类型注意：插件默认的图标更换不支持svg格式的图片，插件的fileData参数可参考源码中的FileConfig.json文件。
插件提供了1个回调函数：
getSelectedFile 获取已选择的文件，它有1个参数selectedArray，它值为array类型，数组中的每一项类型为：{title: string; id: string; type: string}具体的使用方法可以参考源码中的 file-select-test.vue 文件。
服务器托管(责任编辑：域名)