苏州吴中网站建设公司,网址免费生成app,采集到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效果
