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

1 第一种方法:

设置要传递的参数

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

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

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

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

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

在url上表现的显示:

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

点击其中的详细信息

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


第二种方法:

设置要传递的参数

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

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

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

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

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

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

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

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