javascript - 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关闭页面

标签： javascriptvue.jsvuejs2