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


猜你喜欢

转载自blog.51cto.com/11871779/2314407