上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

element-plus 通过数据控制菜单项

[复制链接]
  • TA的每日心情
    慵懒
    2024-10-28 07:07
  • 签到天数: 193 天

    [LV.7]常住居民III

    712

    主题

    5966

    回帖

    6763

    积分

    管理员

    非物质文化遗产社会摇传承人

    积分
    6763

    荣誉开发者喜迎中秋油中2周年生态建设者

    发表于 2023-2-16 17:59:50 | 显示全部楼层 | 阅读模式

    element-plus默认是没有提供菜单项的数据修改的配置的
    但是通过查看源码
    https://github.com/element-plus/element-plus/blob/dev/packages/components/menu/src/menu.ts
    可以发现
    他对defaultActive属性做了监听,如果出现改变就发起更新

        watch(
          () => props.defaultActive,
          (currentActive) => {
            if (!items.value[currentActive]) {
              activeIndex.value = ''
            }
            updateActiveIndex(currentActive)
          }
        )

    所以我们可以传入defaultActive,在适当时候修改defaultActive即可实现通过代码控制菜单的跳转

    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表