dva 路由跳转
2019-06-17 本文已影响0人
LenHong
- 利用 routerRedux 进行路由跳转
/**
pathname: 路由路径
search: 路由跳转时携带的参数,路由跳转后可以通过 this.props.location.search 获取传递的参数
**/
this.props.dispatch(
routerRedux.push({ pathname, search })
);
- 基于 dva/router 进行跳转
import { Link } from 'dva/router'
<Link to='/maintain/eventstatisticsdetial'>查看</Link>
//带参数跳转, 跳转后页面通过 this.props.location.query获取参数
<Link to='/maintain/eventstatisticsdetial?a=b&id=123'>查看</Link>
//带参数跳转, 跳转后页面通过 this.props.location.state 获取参数
<Link to={ pathname,state }>查看</Link>
- 基于 umi/link,通常作为 React 组件使用。
import Link from 'umi/link';
export default () => (
<Link to="/list">Go to list page</Link>
);
- 基于 umi/router,通常在事件处理中被调用。
import router from 'umi/router';
function goToListPage() {
router.push('/list');
}
{
name: 'home',
icon: 'home', // 当前路由在菜单下的图标名
hideInMenu: true, // 当前路由在菜单中不展现,默认 false
hideChildrenInMenu: true, // 当前路由的子级在菜单中不展现,默认 false。
hideInBreadcrumb: true, // 在面包屑中隐藏当前路由,默认 false。
authority: ['user'], // 展示的权限,默认都可见
}