vue2.0 elementUI制作面包屑导航栏
Main.js
varrouteList=[];
router.beforeEach((to,from,next)=>{
varindex=-1;
for(vari=0;i
2、在要使用的组件中
{{item.name}}
用watch或者beforeRouteEnter均可。
需要注意的是，beforeRouteEnter此时访问不到this。
constFoo={
template:`...`,
beforeRouteEnter(to,from,next){
//在渲染该组件的对应路由被confirm前调用
//不！能！获取组件实例`this`
//因为当守卫执行前，组件实例还没被创建
},
beforeRouteUpdate(to,from,next){
//在当前路由改变，但是该组件被复用时调用
//举例来说，对于一个带有动态参数的路径/foo/:id，在/foo/1和/foo/2之间跳转的时候，
//由于会渲染同样的Foo组件，因此组件实例会被复用。而这个钩子就会在这个情况下被调用。
//可以访问组件实例`this`
},
beforeRouteLeave(to,from,next){
//导航离开该组件的对应路由时调用
//可以访问组件实例`this`
}
}
以上就是本次我们整理的全部内容，希望能够帮助到大家，感谢大家对毛票票的支持。