antd-vue tab切换前根据情况判断是否允许切换

tab页切换时,当本页有数据未保存的时候我希望禁止切换,

现在的情况是antd-design-vue没有切换前的钩子函数,只有change事件可以用。change事件不能阻止切换

<a-tabs default-active-key="1" @change="callback">
写return false或者别的都不能阻止切换
有什么办法可以在切换前根据条件才允许切换??

img


你可以修改tab数据的disabled属性,保存后再赋值为true

或者在点击tab事件里做处理

img

如有帮助,麻烦点个【采纳此答案】谢谢^0^

我觉得你可以这样尝试一下

img

tab 可以是一个slot
你可以放一个div 然后给其设置宽高100%
防止内容,设置点击事件防止事件冒泡,然后再给tab设置ref 对应获取节点
根据条件触发 refTab.click()事件,完成行为组织