1. 程式人生 > >vue中router-link的引數傳遞和接收

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