tabs切换

QQ图片20190822160422.png

<template>
    <!--<div>全局分析</div>-->
    <div class="pliceDataIndex">
        <div class="form-padding">
            <div class="p-content">
                <Tabs type="card">
                    <TabPane label="事故总量对比" name="a">
                        <police-total-comparison></police-total-comparison>
                    </TabPane>
                    <TabPane label="事故明细对比"  name="c">
                        <police-detail-index></police-detail-index>
                    </TabPane>
                    <TabPane label="交警数据查询"  name="d">
                        <police-data-query></police-data-query>
                    </TabPane>
                    <TabPane label="交警数据导入"  name="e">
                        <police-data-import></police-data-import>
                    </TabPane>
                </Tabs>
            </div>
        </div>

    </div>
</template>
<script>
    import  policeTotalComparison from './police-total-comparison.vue'
    import  policeDetailIndex from './police-detail-index.vue'
    import  policeDataQuery from './police-data-query.vue'
    import  policeDataImport from './police-data-import.vue'
    export default{
        name: 'police-data-index',
        data() {
            return {
            
        },
        components: {
            policeTotalComparison,
            policeDetailIndex,
            policeDataQuery,
            policeDataImport,
        },
        mounted:function () {
        },
        methods:{
          
        }
    }
</script>