面包屑关闭和刷新功能

vue通过router实现面包屑，并实现关闭当前页面和刷新当前页面功能

html代码：

<!-- 面包屑循环 S -->
<ul class="breadcrumb-wrapper">
  <router-link 
     tag="li" 
     class="breadcrumb-item" 
     @contextmenu.prevent.native="showRoterList"
     v-for="(item, index) in levelList"
     :to="item.path">
    {
  {item.meta.title}}
    <i class="el-icon-close breadcrumb-close" @click.stop="closeRouterItem(item.path, index)"></i>
  </router-link>
</ul>
<!-- 面包屑循环 S -->

<!-- 路由操作弹框 S -->
<div class="contextmenu" v-show="routerState">
   <li @click.stop="refresh()">刷新</li>
</div>
<!-- 路由操作弹框 S -->

 生成面包屑路由数组JS代码：

路由跳转时监听路由的改变，获取当前跳转路由信息，插入到循环的路由数组中。过滤掉refresh路由。