美文网首页
antd-路由跳转方式

antd-路由跳转方式

作者: Tina任 | 来源:发表于2017-07-20 15:19 被阅读0次

1、直接点击跳转页面:

方法一:

<a href="跳转路径>点击跳转</a>

方法二:

<Link to="跳转路径">点击跳转</Link>

2、点击按钮之后跳转:

引入:

import { hashHistory } from 'react-router';

在方法里面加入:

hashHistory.push('跳转路径'

3、browserHistory带参数跳转

import{browserHistory}from'dva/router';

browserHistory.push('/orders/orderdetail?oderId='+item.order);

在router里面设置路径的时候不需要加入参数

path:'orders/orderdetail',

4、关于路由获取参数的问题:

location.pathname  设置或获取对象指定的文件名或路径。

location.href  设置或获取整个 URL 为字符串。

location.port 设置或获取与 URL 关联的端口号码。

location.protocol 设置或获取 URL 的协议部分。

location.hash 设置或获取 href 属性中在井号“#”后面的分段。

location.host 设置或获取 location 或 URL 的 hostname 和 port 号码。

location.search 设置或获取 href 属性中跟在问号后面的部分。

routerRedux路由跳转

1、不带参数跳转:

dispatch(routerRedux.push({

            pathname : '/couponDetail',

   }))

2、带参数跳转

dispatch(routerRedux.push({ pathname : '/couponDetail', query:要携带的参数object }))

注意:通过location.query.参数字段来获取参数值

3、在effect里面跳转

yield put (routerRedux.replace({ pathname: '/domains/buy/pay', query: payload }));

相关文章

  • antd-路由跳转方式

    1、直接点击跳转页面: 方法一: 点击跳转 方法二: 点击跳转 2、点击按钮之后跳转: 引入:import { h...

  • 路由跳转的总结

    路由跳转 方式1返回上一级或指定的路由 方式2使用路由跳转

  • vue学习笔记(七)路由及跳转,二级路由创建

    路由 安装:script引入方式: npm方式: 引用: 使用: //:to可以通过路由name进行跳转 跳转 二...

  • vueRouter--query和params解析

    query要用path方式跳转路由,params要用name方式跳转路由,查询参数分别是this.$route.q...

  • ionic4.X中的路由跳转以及NavController

    ionic中的路由跳转是实打实的延续了Angular中的路由跳转方式 新创建两个组件,angular普通的方式跳转...

  • veu传参几种方式

    1、query的方式 2、params的方式 配置路由: 动态路由子路由 vue路由跳转有四种方式 router-...

  • ionic4-传递参数

    环境 路由传值 方式一(单个值) 路由定义 跳转 或者 接收 方式二(多个值) 跳转 接收 组件间传值 父 -> ...

  • iOS开发中路由跳转之protocol open

    target open路由跳转没能解决的问题 有时target open的路由跳转方式并不能满足我们的需求,如路由...

  • 路由跳转方式

    路由跳转方式 UI component主要是利用history属性。在effects中进行路由跳转,主要利用 re...

  • 动态路由理解

    一、通过配置动态路由进行页面跳转同时进行参数传递 1、配置路由 2、跳转设置 ----------》注意这种方式...

网友评论

      本文标题:antd-路由跳转方式

      本文链接:https://www.haomeiwen.com/subject/vktjkxtx.html