How to clear the cache after using keep-alive in vue

<keep-alive>
    <component /> //your component</keep-alive>

beforeRouteLeave:function(to, from, next){
    // Add keep-alive clearing when leaving the route
    if (from && from.meta.rank && to.meta.rank && from.meta.rank == to.meta.rank)
    {//The judgment here is if you return to the previous layer. You can change the judgment logic here according to your own business and decide whether to destroy the cache of this layer.
        if (this.$vnode && this.$vnode.data.keepAlive)
        {
            if (this.$vnode.parent && this.$vnode.parent.componentInstance && this.$vnode.parent.componentInstance.cache)
            {
                if (this.$vnode.componentOptions)
                {
                    var key = this.$vnode.key == null
                                ? this.$vnode.componentOptions.Ctor.cid + (this.$vnode.componentOptions.tag ? `::${this.$vnode.componentOptions.tag}` : '')
                                : this.$vnode.key;
                    var cache = this.$vnode.parent.componentInstance.cache;
                    var keys = this.$vnode.parent.componentInstance.keys;
                    if (cache[key])
                    {
                        if (keys.length) {
                            var index = keys.indexOf(key);
                            if (index > -1) {
                                keys.splice(index, 1);
                            }
                        }
                        delete cache[key];
                    }
                }
            }
        }
        this.$destroy();
    }
    next();
},

{
    //Account list path: '/account',
    name: 'account',
    component: () => import('../views/account/index.vue'),
    meta: { title: 'Account list' ,rank:1.5}
  },
  {
    //Add account path: '/accountadd',
    name: 'accountadd',
    component: () => import('../views/account/add.vue'),
    meta: { title: 'Add account' ,rank:2.5}
  },
  {
    // Edit account path: '/accountedit/:id',
    name: 'accountedit',
    component: () => import('../views/account/add.vue'),
    meta: { title: 'Edit account' ,rank:2.5}
  },
  {
    // Role list path: '/role',
    name: 'role',
    component: () => import('../views/role/index.vue'),
    meta: { title: 'Role List' ,rank:1.5}
  },