Vue.js 实例

导航实例

<template>
<Menu mode="horizontal" theme="primary" :active-name="menuTopActive" @on-select="menuTopEvent" ref="topMenu">
    <div class="layout-nav">
        <Menu-item :name="item.componentId" v-for="(item, index) in menuData" :key="index">
            <Icon :type="item.componentId" size="24"></Icon>
            {{ item.componentName }}
        </Menu-item>
    </div>
</Menu>
</template>
<script>
export default {
    data() {
        return {
            menuTopActive: 'home',
        }
    },
    methods: {
    	menuTopEvent(e){
    		this.menuTopActive = e;
    	}
    }
}
</script>