xt_vue/src/xt_pages/qcd/patientAnalysis/components/analysisNav.vue

<template>
    <el-tabs v-model="tabActiveName" @tab-click="handleTabClick">
        <el-tab-pane label="总量分析" name="total"></el-tab-pane>
        <el-tab-pane label="指标查询" name="query"></el-tab-pane>
    </el-tabs>
</template>
<script>
export default {
    props:{
        activeName:{
            type:String,
            default: 'total'
        }
    },
    data(){
        return{
            tabActiveName:'total',
        }
    }, 
    methods:{
        handleTabClick(tab, event) {
            this.$router.push({ path: "/qcd/patientanalysis/"+this.tabActiveName });
        }
    },
    watch:{
        'activeName':function(){
            this.tabActiveName = this.activeName;
        }
    }
}
</script>