dva 路由跳轉

1.從props取出並傳遞history

取 const  = this

.props
用 history.push('
/') }>go back home

2.withrouter, link

withrouter：

import  from

'dva/router
'history.push('
/') }>go back home
export 
default withrouter(counter);

link：

import  from

'dva/router
'; //
引入元件 '/
'>home page 使用

3.routerredux

import  from

'dva/router';
effects: , ) );
yield put( routerredux.push('/') ); 
//路由跳轉
} },

使用query-string庫可以將物件轉化為url引數：

effects: , ) );

//yield put( routerredux.push('/') ); 
//路由跳轉
yield
put( routerredux.push()
}) ); 
//路由跳轉
} },

效果：

http://

localhost:8000/?from=product&to=home

完整**：

第乙個是model檔案products.js   第二個是routes下的ui檔案productpage.js

import  from

'dva/saga';
import 
from
'dva/router';
import querystring 
from
'query-string';
export 
default
, effects: , ) );
//yield put( routerredux.push('/') ); 
//路由跳轉
yield
put( routerredux.push()
}) ); 
//路由跳轉
} },
reducers: 
},'decrement
'(state, action) 
}}}

import react,  from

'react';
import 
from
'dva';
import proptypes 
from
'prop-types';
import 
from
'antd';
import styles 
from
'./productpage.css';
import 
from
'../actions';
class
productpage extends component 
render() = this
.props;
return
( 
'']}>
"primary
" onclick=)}>incr  
"primary
" onclick=)}>incr
'']}>
"primary
" onclick=>increment  
"primary
" onclick=>asyncdecr
"primary
">decr
); }
}productpage.proptypes =;
const mapstatetoprops = (state) =>;
};export 
default connect(mapstatetoprops, )(productpage);

這裡是最後一種路由跳轉方式，可以輕鬆應對各種場景 

vue跳轉路由

1.router link 1 不帶引數 name,path都行,建議用name 2 帶引數 params傳引數 類似post 路由配置 path home id 或者 path home id 不配置path 第一次可請求,重新整理頁面id會消失 配置path,重新整理頁面id會保留 html 取...

路由跳轉方式

路由的跳轉方式有兩種形式。router link標籤 可以把router link理解為乙個a標籤，它 也可以加class修飾 to 必選引數 型別string location。home user register首頁首頁 首頁程式設計式導航 push replace 宣告式導航能做的程式設計式都...

路由使用 路由跳轉 路由傳參

修改src main.js檔案，載入路由 import router from router import store from store store.js 路由跳轉，有兩種方式。this.router.push this.router.push 在元件中可以使用this.rou ter訪 問路由...