成功网站管理系统,上海市建设安全协会 - 网站首页,wordpress 做购物网站,删除wordpress主体问题描述
el-menu直接嵌套el-menu-item菜单#xff0c;折叠时不会出现文字显示和小箭头无法隐藏的问题#xff0c;但是实际开发需求中难免需要把el-menu-item封装为组件
解决
vue3项目中嵌套两层template
templatetemplate v-foritem in list :k…问题描述
el-menu直接嵌套el-menu-item菜单折叠时不会出现文字显示和小箭头无法隐藏的问题但是实际开发需求中难免需要把el-menu-item封装为组件
解决
vue3项目中嵌套两层template
templatetemplate v-foritem in list :keyitem.path!-- 一级路由 --el-menu-item v-if!item.children !item.meta?.hidden :indexitem.pathel-icon size30pxcomponent :isitem.meta?.icon/component/el-icontemplate #titlespan classml-1{{ item.meta?.title }}/span/template/el-menu-item!-- 二级路由但只有一个子项 --el-menu-item v-if(item.meta?.single item.children) !item.meta?.hidden :indexitem.children[0].pathel-icon size30pxcomponent :isitem.children[0].meta?.icon/component/el-icontemplate #titlespan classml-1{{ item.children[0].meta?.title }}/span/template/el-menu-item!-- 二级路由 --el-sub-menu :indexitem.path v-if(item.children item.children.length 1) !item.meta?.hiddentemplate #titleel-icon size30pxcomponent :isitem.meta?.icon/component/el-iconspan classml-1{{ item.meta?.title }}/span/template!-- 递归路由 --MenuItem :listitem.children/MenuItem/el-sub-menu/template
/template效果
