Elissa
V2EX  ›  Vue.js

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

  •  
  •   Elissa · Nov 26, 2020 · 2981 views
    This topic created in 2011 days ago, the information mentioned may be changed or developed.

    现在默认的是三个点

    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

    dumbass
        1
    dumbass  
       Nov 27, 2020 via iPhone   ❤️ 1
    写成函数,return 图标组件
    Elissa
        2
    Elissa  
    OP
       Nov 27, 2020
    @bojackhorseman 解决了,感谢老哥
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2648 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 10:21 · PVG 18:21 · LAX 03:21 · JFK 06:21
    ♥ Do have faith in what you're doing.