ant design列表页带参数跳转到详情页
2018-12-03 本文已影响0人
GBKWE
ant design中 要从 localhost/test/list跳转到 localhost/test/detail,实现带参数跨页面跳转,跳转后的页面获取参数。
1.第一次尝试跳转,参数写在pathname后面。
![](https://img.haomeiwen.com/i14768038/5279829b4e7375a4.png)
结果: 页面跳转到了404页面,但是刷新页面可以正常加载detail.js,不过每次都要手动刷新,这种方法失败了。
2. 第一次尝试跳转,参数写在query里面。
![](https://img.haomeiwen.com/i14768038/c4ab1dec09993513.png)
结果: 这次可以跳转到 test/detail页面,不用手动刷新,但是从哪里接受 personId和phoneNumber依然是个问题。
在detail的关联model文件中有subscriptions方法,可以判断页面进入到 test/detail ,所以在这个函数也可以找到传递过来的参数。经过尝试找到了解决办法,在location中有传递过来的 query对象。
![](https://img.haomeiwen.com/i14768038/13009ee7dc29a7c5.png)
通过 console.log 可以打印 personId和phoneNumber的值,这样就获取了test/list 传递过来的参数。