V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Elissa
V2EX  ›  Vue.js

[不懂就问] Ant vue 组件的导航栏如何在缩起的时候自定义图标

  •  
  •   Elissa · 2020-11-26 23:51:11 +08:00 · 2259 次点击
    这是一个创建于 1465 天前的主题,其中的信息可能已经有所发展或是发生改变。

    现在默认的是三个点

    3.png

    网站文档给的 API 是

    参数:overflowedIndicator 类型:DOM

    1.png

    vue 也是个野路子看视频学的,菜鸡,根据 API 加了 overflowedIndicator 参数

    <a-menu
        mode="horizontal"
        :selectedKeys="[this.$route.path]"
        overflowedIndicator="<a-icon type='menu' />"
    >
    //导航菜单项...
    </a-menu>
    

    然后显示确实是显示了,是直接把字符串显示出来,控制台也有报错,请问各位老哥如何修改( a-icon 是 ant 的图标组件)

    3.png

    bojackhorseman
        1
    bojackhorseman  
       2020-11-27 00:19:45 +08:00 via iPhone   ❤️ 1
    写成函数,return 图标组件
    Elissa
        2
    Elissa  
    OP
       2020-11-27 00:33:47 +08:00
    @bojackhorseman 解决了,感谢老哥
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   981 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 20:26 · PVG 04:26 · LAX 12:26 · JFK 15:26
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.