iview中的下拉菜单中,当有两个子菜单项都有下级菜单(三级菜单),当他们紧挨着一起的时候,菜单渲染会出问题:菜单项会变长。

            <Dropdown placement="right-start">
                <Dropdown-Item>
                    北京烤鸭
                    <Icon type="ios-arrow-right"></Icon>
                </Dropdown-Item>
                <DropdownMenu slot="list">
                    <Dropdown-Item>挂炉烤鸭</Dropdown-Item>
                    <Dropdown-Item>焖炉烤鸭</Dropdown-Item>
                </DropdownMenu>
            </Dropdown>            
            <Dropdown placement="right-start" style="clear:both">
                <Dropdown-Item>
                    面
                    <Icon type="ios-arrow-right"></Icon>
                </Dropdown-Item>
                <DropdownMenu slot="list">
                    <Dropdown-Item>拉面</Dropdown-Item>
                    <Dropdown-Item>热干面</Dropdown-Item>
                </DropdownMenu>
            </Dropdown>    

图片描述
图片描述

如果只有一个,则很正常,但如果有两个,三个,四个紧挨着一起会变得越来越长,
但如果在他们中间放一个没有三级子菜单的项目,则又恢复正常。怎么解决啊?

阅读 4.5k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进