前言

当我们使用组件库时,组件库提供给我们的组件不满足能我们的需求,故会对其组件二次封装或手敲组件。

示例

以element-ui为例,对el-menu进行二次封装

创建nav组件 跳过element-ui安装和导入阶段,创建名为nav的组件,接收父组件的navList、openKey、clickKey数据,使用递归组件navItem

创建递归组件navItem 创建名为navItem的组件,递归自己不需要注册。

创建父组件调用封装好的nav组件 navList为导航列表,openKey为当前展开导航的key,clickKey为当前激活导航的key,getOpenKey方法获取当前打开菜单的key,getClickKey方法获取当前菜单的key

实现效果

文章链接

评论可见,请评论后查看内容,谢谢!!!评论后请刷新页面。