<script lang="jsx">
import { h } from 'vue'
import {ElMenuItem,ElSubMenu} from 'element-plus'
import { resolveComponent } from 'vue'
export default {
    props: {
       menuConfig:Object
    },
    setup(props,{ slots } ) {
        // 返回渲染函数
        return () => !props.menuConfig.isGroup?h(ElMenuItem,{index:props.menuConfig.title},()=> props.menuConfig.title):
        //  (<el-sub-menu><template #title>
        //     <el-icon><location/></el-icon>
        //     <span>Navigator One</span>
        //   </template></el-sub-menu>)
        h(ElSubMenu,{index:props.menuConfig.title},()=>[
            ...props.menuConfig.childrens.map(subMenu=>{
                return h(ElMenuItem,{index:subMenu.label},()=>subMenu.label)
            })])
        
    }
} 
</script>

<style>

</style>