問題タブ [primevue]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
389 参照

javascript - PrimeVue TabView コンポーネントでタブの変更を防止する

PrimeVue (Vue 3) の TabView コンポーネントを使用しており、ユーザーが変更を行った場合にタブの変更を停止したいのですが、問題は方法がわからないことです。私はすでにイベントを渡し、preventDefaultstopPropagationを使用しようとしましたが、機能せず、クリック イベントがまだ発生しているようです。

手順は次のとおりです。

  • 変更が行われた場合、ユーザーがタブを押すと、ダイアログが表示されます。

  • ユーザーが「いいえ」をクリックした場合、タブの変更を防ぎ、クリックイベントを停止する必要があります

ここに私がアーカイブしようとしているもののデモがあります。

フラグが true の場合、確認ダイアログを表示し、ユーザーがタブを閉じた場合にタブが変更されないようにします。

TabView に使用しているコンポーネント: https://primefaces.org/primevue/showcase/#/tabview

前もって感謝します、