我使用的是Quasar的Q标签，我想在点击其他Q标签时阻止标签切换，直到显示自定义弹出窗口，在弹出确认后，标签switch 应该继续呈现.我已经搜索了官方文件，但我还没有找到合适的解决方案.有没有办法满足我的要求？
现在的问题是，当你点击标签时，它们就会切换.尽管我已经触发了阻止弹出窗口，但数据已经呈现.
我对造成的任何混乱深表歉意.英语不是我的主要语言.如果你有任何问题，请告诉我.
诚挚的问候.
我使用的是Quasar的Q标签，我想在点击其他Q标签时阻止标签切换，直到显示自定义弹出窗口，在弹出确认后，标签switch 应该继续呈现.我已经搜索了官方文件，但我还没有找到合适的解决方案.有没有办法满足我的要求？
现在的问题是，当你点击标签时，它们就会切换.尽管我已经触发了阻止弹出窗口，但数据已经呈现.
我对造成的任何混乱深表歉意.英语不是我的主要语言.如果你有任何问题，请告诉我.
诚挚的问候.
如果侦听<q-tabs>元素上的@update:model-value事件，它不会自动为其模型分配新值，因为现在您控制了事件发生时发生的事情.您还需要使用:model-valueprops 进行单向绑定，而不是使用v-Model的双向绑定.
<q-tabs
@update:model-value="verifyTab"
:model-value="currentTab"
>
使用一种方法，您可以通过以下方式响应事件:
const dialog = ref(false)
const currentTab = ref('initialTab')
const clickedTab = ref()
function verifyTab(tab) {
clickedTab.value = tab // remember which tab is clicked
dialog.value = true // open dialog
}
然后，对话框可以根据用户的交互来设置该选项卡.
<q-dialog v-model="dialog">
...
<q-btn label="OK" @click="currentTab = clickedTab" v-close-popup />
</q-dialog>