在Vue中涉及到頁面跳轉(zhuǎn)的時候一般會使用this.$router.push()方法進(jìn)行頁面跳轉(zhuǎn)稚配,而跳轉(zhuǎn)時需要攜帶參數(shù),下面我來總結(jié)下常用的傳參方法淆攻。
params傳參
例:this.$router.push(name: 'detail', params: {name: 'Jason', obj: obj })
優(yōu)點(diǎn):美觀渺杉,傳遞信息隱蔽跨细。
缺點(diǎn):只能在跳轉(zhuǎn)方式為name的時候使用臭猜,若在跳轉(zhuǎn)方式為path的時候使用則會被忽略躺酒,拿到的將是一個空對象,且頁面不能刷新蔑歌,刷新后params的值將會消失羹应。
query傳參(推薦)
例:this.$router.push(path: '/home/detail', query: {name: 'Jason', obj: obj })
例:this.$router.push(name: 'detail', query: {name: 'Jason', obj: obj })
優(yōu)點(diǎn):跳轉(zhuǎn)方式為path和name的時候都能使用,且刷新頁面的時候query中的值不消失次屠。
缺點(diǎn):丑园匹,所帶的參數(shù)會拼接在地址欄的url里雳刺。