問題描述點擊另外一個產品后,跳轉至本頁面展示,使用的路由router-link組件to屬性<router-link :to="{name: 'product', params:{productId:anotherProductId}}">問題出現的環境背景及自己嘗試過哪些方法1.使用編程式的導航this.$router.push({name: 'product', params:{productId:anotherProductId}});失敗2.使用query傳參this.$router.push({name: 'product', query:{productId:anotherProductId}})成功相關代碼 { name: 'product',
path: '/product',
component: productDetail
}watch: { '$route.params.productId'(){ /*監聽產品id 及時變更data數據*/
this.productId = this.$route.params.productId;
}
}data(){ return(){ this.productId = this.$route.params.productId; /*當前產品id 當id變更時 刷新頁面*/
}
}你期待的結果是什么?想弄明白什么?使用params也可以監聽'$route.params.productid'更改當前產品id,成功展示想要展示的產品信息。想弄明白為什么params不能用,而query可以正確顯示。謝謝大牛,請不吝賜教!
添加回答
舉報
0/150
提交
取消