天天看點

vue路由傳參—params—query

1、Params的方式

類似于get請求,傳遞的資料會在浏覽器位址顯示

Params路由傳參分為三步:

1、綁定參數

在你傳參的路由綁定參數

vue路由傳參—params—query

2、發送資料

vue路由傳參—params—query

3、接收參數

在路由頁面用

this.$route.params.listdata

收傳遞過來的參數。

vue路由傳參—params—query

二、query

類似與post請求,傳遞的資料不會再浏覽器位址顯示。

query傳參分文兩步:發送-接收(不需要再路由中配置)

1、傳遞參數

vue路由傳參—params—query

2、接收參數

vue路由傳參—params—query
vue路由傳參—params—query

1、query和params是兩種傳參方式

2、使用params傳參隻能由name引入路由,如果寫成path頁面會顯示undefined報錯。

3、使用query傳參的話可以使用path也可以使用name引入路由

4、params是路由的一部分,一定要加路由後面添加參數,不添加重新整理頁面資料會丢失;而query是拼接在url後面的參數,路由後面不添加也沒關系。