問題描述點擊另外一個產(chǎn)品后,跳轉(zhuǎn)至本頁面展示,使用的路由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 及時變更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變更時 刷新頁面*/
}
}你期待的結(jié)果是什么?想弄明白什么?使用params也可以監(jiān)聽'$route.params.productid'更改當(dāng)前產(chǎn)品id,成功展示想要展示的產(chǎn)品信息。想弄明白為什么params不能用,而query可以正確顯示。謝謝大牛,請不吝賜教!
添加回答
舉報
0/150
提交
取消