账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    ant-design——menu导航菜单——只展开当前父级菜单，该组件无法使用
    91
    0
    模板报错——————————————————————————————————vsc终端报错信息代码是放在angular2里面运行，并且都是从组件库ant-design复制过来使用的，该导入的模块也都导入了，但就是报错无法使用ant-design——menu导航菜单——【只展开当前父级菜单】，该组件无法使用。哪位朋友可以试试这个组件，看一下报错，为啥不能使用，多谢~~
    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 茹家菠菜 普通会员 1楼

      在Ant Design中，可以通过在<Menu>组件的defaultActiveClass属性中设置active-class属性来实现只展开当前父级菜单的功能。以下是一个示例：

      ```jsx

      Item 1 Item 2 Item 3 Item 4 Item 5

      ```

      在这个示例中，当用户点击Item3时，菜单会只展开Item1和Item2。如果你需要根据其他条件展开菜单，可以在defaultActiveClass属性中添加相应的条件。例如，如果用户在某个菜单项下点击了另一个菜单项，那么菜单就会只展开当前父级菜单。

      如果你在Ant Design 3.x版本中使用这个组件，你可能需要将defaultActiveClass属性的值设置为一个函数，这个函数接受item参数，返回true或false，然后在active-class属性中使用这个函数的返回值来设置菜单的状态。例如：

      ```jsx

      item.name === 'Item1' ? 'active' : ''}> Item 1 Item 2 Item 3 Item 4 Item 5

      ```

      在这个示例中，当用户点击Item1时，菜单会只展开Item1。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部