仿百度云网盘面包屑导航

实际效果

之前没有做过这种面包屑的功能，想了很久终于实现了所以记录一下

 

当我选中某个文件夹，在上面的当前文件夹后面要显示我所在的文件夹的层级。

实现思路

当我选中一个文件夹的时候能获取到这个文件夹的对象数据，然后没点击一个文件夹把这个文件夹数据push到一个数组里面然后再遍历这个数组返回span标签

 第一次点击的数组数据

 第二次点击的数组数据

 然后在这里遍历这个数组返回span标签

如果要实现返回上一级可以对数组的末尾进行删除然后获取到上一级文件夹的数据进行渲染。

因为之间push的时候已经把数据缓存起来了，如果要实现点击上面的文件标签跳转到对应的文件夹的功能的话，可以在点击文件夹的时候对之前push的数组进行遍历，遍历的时候做一个if判断，拿到对应的数据然后渲染出来再来，然后把改数组后面的数组删除掉。

下面是返回上一级和文件导航的代码