停止选项卡change primeNG Angular 4

import { TabViewModule } from 'primeng/primeng';

@NgModule({
  imports: [
    // ...其他模块
    TabViewModule // 将TabViewModule添加到imports数组中
  ],
  // ...其他配置
})
export class AppModule { }

import { TabView, OnChangeEvent } from 'primeng/tabview';

export class AppComponent implements OnInit {
  @ViewChild(TabView) tabView: TabView;

  ngOnInit() {
  }

  onTabChange(event: OnChangeEvent) {
    event.originalEvent.preventDefault(); // 阻止默认跳转行为
    console.log('Tab changed, but prevented default behavior');
  }
}

<p-tabView (onChange)="onTabChange($event)">
    <p-tabPanel header="Tab 1">Tab 1 Content</p-tabPanel>
    <p-tabPanel header="Tab 2">Tab 2 Content</p-tabPanel>
    <p-tabPanel header="Tab 3">Tab 3 Content</p-tabPanel>
</p-tabView>