解決Angular2router.navigate刷新頁面的問題

造成這個問題一般是因為我們在<form>表單中使用<button>時忘記添加type屬性，在表單中，如果忘記給按鈕添加屬性，會默認為submit，如果在子元素中會向上冒泡觸發submit

創新互聯云計算的互聯網服務提供商,擁有超過13年的服務器租用、成都托管服務器、云服務器、雅安服務器托管、網站系統開發經驗，已先后獲得國家工業和信息化部頒發的互聯網數據中心業務許可證。專業提供云主機、雅安服務器托管、主機域名、VPS主機、云服務器、香港云服務器、免備案服務器等。

<button (click)="toDetail()">detail</button>

toDetail() {
 this._router.navigate(['/detail']);
}

解決方法：

1.添加type

<button type="button" (click)="toDetail()">detail</button>

2.click添加false

<button (click)="toDetail();false">detail</button>

3.函數返回false

toDetail:boolean(){
 return false;
}

以上這篇解決Angular2 router.navigate刷新頁面的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持創新互聯。

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画