1、在TabPane增加name
2、在自定义页面增加ref
3、在Tabs增加click方法currentTabChanged,调用子页面的查询/刷新方法
<template>
<div id="aaa" style="height: max-content">
<Tabs :animated="false" active-key="index" @on-click="currentTabChanged" style="background-color: #ffffff;width: auto;height: auto">
<TabPane label="XX管理" key="index" name="index">
<view-index ref="index" ></view-index>
</TabPane>
<TabPane label="导入" key="import" name="import">
<view-import ></view-import>
</TabPane>
</Tabs>
</div>
</template>
<script>
import ViewIndex from './index.vue'
import ViewImport from './import.vue'
export default {
data() {
return {
tabName:null
}
},
components: {
ViewIndex,ViewImport
},
methods: {
currentTabChanged(name){
//防止多次点击已显示标签页重复刷新问题
if (name != this.tabName) {
this.tabName=name
if (this.tabName == 'index') {
this.$refs.index.onSubmit()
}
}
}
},
mounted() {
}
}
</script>