需求:從dashboard頁面點選任何一個hero:
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5iMkNjZ3MzMiZGMjRTZhlTO0QjZ0ImY4QWYhFWN5gjM18CX5d2bs92Yl1iclB3bsVmdlR2LcNWaw9CXt92Yu4GZjlGbh5yYjV3Lc9CX6MHc0RHaiojIsJye.png)
可以進入明細頁面,注意url的變化。
期望做到的行為是,點選Go back按鈕,回到dashboard頁面。
下面是具體實作:
(1) 在hero detail Component裡導入Location,借助該module實作操縱浏覽器的跳轉行為。
(2) 在hero detail Component裡給click綁定處理函數goBack:
使用單步調試可以觀察到click事件響應函數是如何被調用到的:
需求:從dashboard頁面點選任何一個hero:
可以進入明細頁面,注意url的變化。
期望做到的行為是,點選Go back按鈕,回到dashboard頁面。
下面是具體實作:
(1) 在hero detail Component裡導入Location,借助該module實作操縱浏覽器的跳轉行為。
(2) 在hero detail Component裡給click綁定處理函數goBack:
使用單步調試可以觀察到click事件響應函數是如何被調用到的: