Vue关闭页面功能

Question

如何通过vue js中的函数实现关闭页面

例如

配置的路由

{
    path: '/example',
    component: Layout,
    redirect: '/example/list',
    name: 'Example',
    meta: {
      title: 'example',
      icon: 'example'
    },
children: [
  {
    path: 'create',
    component: () => import('@/views/example/create'),
    name: 'CreateArticle',
    meta: { title: 'createArticle', icon: 'edit' }
  },
  {
    path: 'edit/:id(\\d+)',
    component: () => import('@/views/example/edit'),
    name: 'EditArticle',
    meta: { title: 'editArticle', noCache: true },
    hidden: true
  },
  {
    path: 'list',
    component: () => import('@/views/example/list'),
    name: 'ArticleList',
    meta: { title: 'articleList', icon: 'list' }
  }]
},

当我转到ArticleList.vue时，我打开列表，然后转到创作/编辑国家->在CreateArticle中提交表单后，将打开一个新成员（列表页面在其旁边的选项卡中保持打开状态）。 .vue，CreateArticle.vue页面应关闭

通过destroy（）进行了尝试，结果是页面的内容被清除，页面本身仍然保留（但为空），您必须通过X关闭页面。