让我们一起实现一个文件选择组件

网站建设4年前发布
27 0 0

花了点时间利用广度与深度优先搜索算法实现了一个文件选择插件,支持无限层次的文件夹嵌套,已开源并打包上传到了npm。,本文将跟大家分享一下这个插件,欢迎各位感兴趣的开发者阅读本文。,在你需要使用此插件的业务代码中导入插件。,在template中使用即可。,完成上述步骤后,启动项目即可看到如下所示的效果。,20230306100528698671c976e4d1fb62417672d20139bf43c49e989,效果图,参数说明,插件接收5个可选参数:,title 文件名, 值为string类型,id 文件id, 值为string类型,type 文件类型, 值为"file"或"folder",imgSrc 文件图片地址(可选参数),值为string类型,childData 子文件数据(可选参数),值为array类型,如果type为"folder",则传此参数,数组中的每一项类型就为fileData的类型。,注意:插件默认的图标更换不支持svg格式的图片,插件的fileData参数可参考源码中的FileConfig.json文件。,插件提供了1个回调函数:,具体的使用方法可以参考源码中的 file-select-test.vue 文件。

© 版权声明

相关文章