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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章