微信公众号设计与布局,小说网站怎么做seo,品牌策划运营公司,go语言怎么搭建网页问题描述
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效果
