资讯专栏INFORMATION COLUMN

关于element左侧菜单栏,一直平铺,不能收起问题,怎么实现这种需求,在师傅的帮助下解决了,写下来

zhjx922 / 3926人阅读

摘要:第一步绑定事件,拿到要关闭的菜单的,代表的是收起指定的,返回收起菜单是绑定,获取元素第二步写一个方法通过,展开所点击的菜单,使之一直处于展开状态

第一步:绑定close事件,拿到要关闭的菜单的index,close代表的是收起指定的 sub-menu,返回收起菜单是index;绑定ref,获取dom元素


第二步:写一个方法


通过index,展开所点击的菜单,使之一直处于展开状态;

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/53840.html

相关文章

  • [译]为什么前端初学者必须要明白发布订阅模式

    摘要:应用需要正确并合适响应各种网络请求用户操作计时事件和各种延时动作。好了,我们的新流程图画出来了提示城市名称查找不是很复杂,谷歌地图为此提供了非常简单的。形象点表示就是,函数是一等公民。 By Hubert Zub | Oct 3, 2018 原文 当你将关注点从样式,美学和网格系统转移到逻辑,框架和编写JavaScript代码时。一切都开始了,你会发现你处于你的web开发历程中最激动人...

    miqt 评论0 收藏0
  • CSS规范--BEM入门

    摘要:一开始,公司推出的,包括了规范以及其配套构建工具。代表的不同状态或不同版本。再来看一个之前用常规方式命名的的例子这些类名真是太不精确了,并不能告诉我们足够的信息。 这段时间在整理前端部分的代码规范,前面提到的CSS规范里面会涉及到选择器的命名,就参考BEM的命名规范,内容整理如下,供大家参考,请斧正!如大家有兴趣,可移步至CSS编码规范 BEM是由Yandex公司推出的一套CSS命名...

    li21 评论0 收藏0
  • webpack+vue项目实战(二,开发管理系统主页面)

    摘要:运行一下,发现路由变了,当前项有标识了,子菜单的显示与隐藏也有了原理也很简单。 1.前言 上篇文章(webpack+vue项目实战(一,搭建运行环境和相关配置))搭建了好了基本的一个项目目录,安好好了一些要用到的依赖,以及把项目跑了起来。接下来,我们就进行第二步的操作,第二步就是做好一个开发系统的主页面,这个页面主要也就是一个侧边栏,通过侧边栏的各个选项来进行操作(切换各个组件)。比如...

    Harpsichord1207 评论0 收藏0
  • 结合CSS3布局新特征谈谈常见布局方法

    摘要:案例图片来自腾讯年的一道前段笔试题,有兴趣的同学可以去看一下。腾讯前端面试稿布局布局指页面布局像一张宣传海报,以一张精美图片作为页面的设计中心。 写在前面最近看到《图解CSS3》的布局部分,结合自己以前阅读过的一些布局方面的知识,这里进行一次基于CSS2、3的各种布局的方法总结。 常见的页面布局 在拿到设计稿时,作为一个前端人员,我们首先会做的应该是为设计图大致地划分区域,然后选择一...

    cnTomato 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<