vue-router動態利用配置內容

一
script裏面動態操作routers裏面的配置可以用 this.routerthis. router包含多種可操作的類型，可以實現動態的把routers裏面的配置顯示到HTML頁面當中。

1-this.router.path//當前頁面路徑2−this. router.name //當前路徑配置的名稱
3-this.$router.matched //當前路由匹配項(爲對象）
以name爲例

<li v-for="item in matched "></li>
methods:{
this.matched = this.$route.matched.filter(item => item.name);
}

如上代碼，可以拿到routers裏面配置的一些列信息，動態顯示到HTML中。