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

造成這個(gè)問題一般是因?yàn)槲覀冊?lt;form>表單中使用<button>時(shí)忘記添加type屬性，在表單中，如果忘記給按鈕添加屬性，會(huì)默認(rèn)為submit，如果在子元素中會(huì)向上冒泡觸發(fā)submit

創(chuàng)新互聯(lián)云計(jì)算的互聯(lián)網(wǎng)服務(wù)提供商,擁有超過13年的服務(wù)器租用、成都托管服務(wù)器、云服務(wù)器、雅安服務(wù)器托管、網(wǎng)站系統(tǒng)開發(fā)經(jīng)驗(yàn)，已先后獲得國家工業(yè)和信息化部頒發(fā)的互聯(lián)網(wǎng)數(shù)據(jù)中心業(yè)務(wù)許可證。專業(yè)提供云主機(jī)、雅安服務(wù)器托管、主機(jī)域名、VPS主機(jī)、云服務(wù)器、香港云服務(wù)器、免備案服務(wù)器等。

<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.函數(shù)返回false

toDetail:boolean(){
 return false;
}

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

新聞名稱：解決Angular2router.navigate刷新頁面的問題
文章來源：http://bm7419.com/article34/pcospe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、企業(yè)網(wǎng)站制作、App開發(fā)、微信公眾號、用戶體驗(yàn)、微信小程序

廣告

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