<template>

    <section :class="menuMode === 'vertical' ? 'vertical-sub-nav' : 'sub-nav'">

        <el-menu :mode="menuMode" :default-active="defaultActive" :current-tab="currentTab" @select="handleSelect">

            <el-menu-item v-for="(data,ind) in subNavData[currentTab]" :index="data.i" :key="ind">

                <span class="p5">

                    {{data.title}}

                </span>

            </el-menu-item>

        </el-menu>

    </section>

</template>

<script>

    export default {

        name: 'NavMenu',

        data() {},

        props: {

            menuMode: {

                type: String,

                default: 'horizontal'

            },

            defaultActive: {

                type: String,

                default: '0'

            },

            currentTab: {

                type: String,

                default: '0'

            }

        }

    }

</script>