vue中render实现的my-menu菜单
export default {
props:{
data:{
type:Array,
default:()=>[]
}
},
render(){
let renderChildren=()=>{
return data.map(child=>{
return child.children?
<elSubmenu>
<div slot="title">{child.title}</div>
{renderChildren(child.children)}
</elSubmenu>:
<elMenuItem nativeOnClick={()=>{
alert(1)
}}>
{child.title}
</elMenuItem>
})
}
return <elMenu>
{renderChildren(this.data)}
</elMenu>
}
}