Back to Wepy

Config

packages/router/doc/config.md

2.1.02.2 KB
Original Source

路由配置

routeMap 是一个对象(key / value),所有页面的路由都在此配置。其中 key 为页面名(name),value 为路由配置信息(config),例如:

页面名必须在页面里定义:wepy.page({ name: '页面名' })

js
homePage = 'SplashScreen'
tabPages = ['CourseList']
routeMap = {
  SplashScreen: '/pages/SplashScreen',
  CourseList: '/pages/tabBar/courseList/CourseList',
  ClassList: { 
    name: 'CourseList', query: { courseType: 'class' } 
  },
  BookList: { 
    path: '/pages/BookList', query: { info: { name: 'roma' } }, meta: 2
  },
  CityList: {
    handler: ({ query }) => ({ path: '/pages/CityList', query }) 
  },
  Courses: 'CourseList'
}

config 支持三种数据类型来配置一个路由:Object、function、string

config(Object)

两种结构:

第一种

字段名类型必填说明
pathstring页面绝对路径
namestring页面名
queryObject路由传参参数
metaany不属于 data 的额外信息
beforeEnterfunction查看导航守卫章节

注:path、page 二选一,page 应该与页面文件名一致

第二种

字段名类型必填说明
handlerfunction是.({ query }) => { path, name, query, meta },具体含义参考上面
beforeEnterfunction查看导航守卫章节

config(function)

({ query }) => ({ path | name, query(可选), meta(可选) } | string)

config(string)

path 或者 name,有 / 的被认为是 path