vue中router-link的参数传递和接收

1 第一种方法:

设置要传递的参数

10.png

路由文件的配置: 此时不需要做任何的更改

11.png

其他组件来获取传递的参数:

12.png

在url上表现的显示:

13.png

点击其中的详细信息

14.png

第二种方法:

设置要传递的参数

15.png

此时路由文件需要简单的配置一下:

16.png

注意:两处的ic名称一定要一样 ，和c#mvc中传递参数的形式一样 ，属于rest风格。

17.png

点击其中的详细信息，进行跳转页面

18.png

完整的demo案例:https://github.com/wss-ttt/router-linkDemo.git

©著作权归作者所有：来自51CTO博客作者歆冉的原创作品，如需转载，请注明出处，否则将追究法律责任