一个使用v-router + vuex 的面包屑组件方案

  • vuex里分别建三个数据类型,一个存放 url和面包屑名的key-value,一个数组存放跳转的url及其参数,并声明他们的mutation

  • v-routerbeforeEach钩子里记录所有from页面的url和参数,并判断to的页面url是否已经被上述数组包含,是的话不记录,截取所在url之前的。

  • 维护一个记录初始页面的数组,在回到此页面之后 把所有记录清除 以免造成影响 就类似从一个树的分支回到主干,再进入一个新分支 清除历史分支

存在的问题
1.不同参数也可能会对应不同面包屑的情况
2.需要维护一个key-value来进行翻译,不够auto