問題描述點(diǎn)擊另外一個(gè)產(chǎn)品后，跳轉(zhuǎn)至本頁(yè)面展示，使用的路由router-link組件to屬性<router-link :to="{name: 'product', params:{productId:anotherProductId}}">問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法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)聽產(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)聽'$route.params.productid'更改當(dāng)前產(chǎn)品id，成功展示想要展示的產(chǎn)品信息。想弄明白為什么params不能用，而query可以正確顯示。謝謝大牛，請(qǐng)不吝賜教！
2 回答
達(dá)令說
TA貢獻(xiàn)1821條經(jīng)驗(yàn) 獲得超6個(gè)贊
用param的時(shí)候路由這樣寫:
{ name: 'product',
path: '/product/:productId',
component: productDetail
}
喵喵時(shí)光機(jī)
TA貢獻(xiàn)1846條經(jīng)驗(yàn) 獲得超7個(gè)贊
你寫的編程式的導(dǎo)航不會(huì)報(bào)錯(cuò)嗎？后面漏了個(gè) “ } ” 符號(hào)
添加回答
舉報(bào)
0/150
提交
取消