通过插槽solt 和.stop解决
<a-tabs v-model="tabModel" >
<a-tab-pane key="3">
<span slot="tab" @click.stop="clickStop(1)">
TAb1
</span>
</a-tab-pane>
<a-tab-pane key="1">
<span slot="tab" @click.stop="clickStop(2)">
TAb2
</span>
</a-tab-pane>
<a-tab-pane key="2">
<span slot="tab" @click.stop="clickStop(3)">
TAb3
</span>
</a-tab-pane>
</a-tabs>
在click.stop事件里,判断是否符合的逻辑
例如:
不符合规则给出提出,符合this.tabModel=value
clickStop(value) {
let preventModel = String(this.tabModel)
const h = this.$createElement;
let noVaildArr = []
this.tableData.forEach((element, index) => {
if (element.adjustDicId == null || element.adjustDicId == '') {
noVaildArr.push(h('p', '第' + (index) + '行,不能为空'))
}
})
let str = ''
if (noVaildArr.length > 0) {
this.$warning({
title: '提示',
content: h('div', {}, noVaildArr),
});
this.tabModel = preventModel
} else {
this.tabModel = value
this.loadRightTableData()
this.treeKey = this.treeKey + 1
}
},