問(wèn)題描述點(diǎn)擊另外一個(gè)產(chǎn)品后,跳轉(zhuǎn)至本頁(yè)面展示,使用的路由router-link組件to屬性<router-link :to="{name: 'product', params:{productId:anotherProductId}}">問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法1.使用編程式的導(dǎo)航this.$router.push({name: 'product', params:{productId:anotherProductId}});失敗2.使用query傳參this.$router.push({name: 'product', query:{productId:anotherProductId}})成功相關(guān)代碼 { name: 'product',
path: '/product',
component: productDetail
}watch: { '$route.params.productId'(){ /*監(jiān)聽(tīng)產(chǎn)品id 及時(shí)變更data數(shù)據(jù)*/
this.productId = this.$route.params.productId;
}
}data(){ return(){ this.productId = this.$route.params.productId; /*當(dāng)前產(chǎn)品id 當(dāng)id變更時(shí) 刷新頁(yè)面*/
}
}你期待的結(jié)果是什么?想弄明白什么?使用params也可以監(jiān)聽(tīng)'$route.params.productid'更改當(dāng)前產(chǎn)品id,成功展示想要展示的產(chǎn)品信息。想弄明白為什么params不能用,而query可以正確顯示。謝謝大牛,請(qǐng)不吝賜教!
2 回答

慕村9548890
TA貢獻(xiàn)1884條經(jīng)驗(yàn) 獲得超4個(gè)贊
你寫(xiě)的編程式的導(dǎo)航不會(huì)報(bào)錯(cuò)嗎?后面漏了個(gè) “ } ” 符號(hào)
添加回答
舉報(bào)
0/150
提交
取消