Skip to content

Front end

Lyndsey edited this page Jul 2, 2019 · 4 revisions

添加新页面

  1. 在./src/config/menus.js文件中,按照已有的格式,找到对应的位置,添加跳转页面的名称"name=..."
  2. 新添加页面"名称.vue"放在./src/pages下,为增强文件可读性,将每个一级菜单各创建一个文件夹。e.g. 已有的"DataCollection"、"SpaceNLP",二级菜单则放在一级菜单文件夹里。
  3. 因为已经在./src/Layout/Aside.vue中写好了路由跳转的代码,所以现在只需以下两个步骤,在"./src/router/index.js" 中添加路由信息:
  • 引入组件:import TextSummar from '@/pages/SpaceNLP/TextSummar'
  • 注册组件:(可在menus.js中查看父子组件关系)

{ path: '/', component: Container, redirect: '/SpaceNLP/TextSplit', children: [ { name: '文本分词', path: '/SpaceNLP/TextSplit', component: TextSplit }, { name: '文本摘要', path: '/SpaceNLP/TextSummar', component: TextSummar } ] }

Clone this wiki locally