木灵鱼儿

木灵鱼儿

阅读：2917

最后更新：2020/10/14/ 13:51:35

如何搞定Bootstrap4 多级下拉菜单 dropdown

官方并没有对多级菜单做适配，这就导致我们的二级菜单点击后，真个菜单就消失了。

这就很头疼了，作为一个偏老派的人，还是很喜欢横向菜单的，但是横向就免不了使用多级菜单。

之前我推荐过一个插件可以解决这个问题，但是插件的方法总是有点嫌麻烦，特别是在已经有很多js文件的引用下，所以我研究了下怎么用js搞定。

效果图

此处内容已隐藏回复后方可阅读。

文章分类 Bootstrap4
文章标签 多级菜单dropdown
木灵鱼儿

木灵鱼儿

发布了 546 篇文章获得点赞 88获得阅读 2917

版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可，禁止转载。

  1. 阿斯顿
    阿斯顿
    Google Chrome MacOS

    点点滴滴的

    回复
  2. 等等
    等等
    Google Chrome Windows 10

    看

    回复
  3. shuai
    shuai
    Google Chrome Windows 10

    好

    回复
  4. ispmaa
    ispmaa
    Google Chrome Windows 10

    这个很不错

    回复
  5. wuhuaqin
    wuhuaqin
    Google Chrome Windows 10

    学习

    回复
  6. uu
    uu
    QQ Browser Windows 10

    学习

    回复
  7. komg
    komg
    Google Chrome Windows 10

    学习

    回复
  8. kuper
    kuper
    Safari MacOS

    学习

    回复
  9. ZAESKY
    ZAESKY
    Google Chrome Android Pie

    学习

    回复
  10. 杨雨
    杨雨
    Google Chrome Windows 10

    想学习

    回复

关于作者

站点职位 博主
获得点赞 88
文章被阅读 2917

相关文章

分享一个利用vuex+session缓存侧边栏数据的方案分享一个利用vuex+session缓存侧边栏数据的方案
关于使用this.$router对象进行跳转时产生重定向错误的解决方法关于使用this.$router对象进行跳转时产生重定向错误的解决方法
首发《konva添加键盘方向键移动教程+辅助线显示》首发《konva添加键盘方向键移动教程+辅助线显示》
vuex持久化插件vuex-persistedstate的模块化写法vuex持久化插件vuex-persistedstate的模块化写法
vue cli4 修改静态html的 %= htmlWebpackPlugin.options.title % 默认值vue cli4 修改静态html的 %= htmlWebpackPlugin.options.title % 默认值