美文网首页
ant design列表页带参数跳转到详情页

ant design列表页带参数跳转到详情页

作者: GBKWE | 来源:发表于2018-12-03 11:01 被阅读0次

     ant  design中 要从 localhost/test/list跳转到 localhost/test/detail,实现带参数跨页面跳转,跳转后的页面获取参数。

    1.第一次尝试跳转,参数写在pathname后面。

    参数在pathname后面

    结果: 页面跳转到了404页面,但是刷新页面可以正常加载detail.js,不过每次都要手动刷新,这种方法失败了。

    2. 第一次尝试跳转,参数写在query里面。

    参数在query里面

    结果: 这次可以跳转到 test/detail页面,不用手动刷新,但是从哪里接受 personId和phoneNumber依然是个问题。

    在detail的关联model文件中有subscriptions方法,可以判断页面进入到 test/detail ,所以在这个函数也可以找到传递过来的参数。经过尝试找到了解决办法,在location中有传递过来的 query对象。

    location.query获取参数

    通过 console.log 可以打印 personId和phoneNumber的值,这样就获取了test/list 传递过来的参数。

    相关文章

      网友评论

          本文标题:ant design列表页带参数跳转到详情页

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