宁波论坛网站哪个最好,建设网站的工具是什么,视频素材大全,阿里 域名解析 网站建设问题描述
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效果
