ElementUI 导航折叠栏遇到的问题心得

最近在用elementUI,遇到了一个问题,折叠组件,虽然折叠了,但是<ul>标签的宽度没有改变,还在占位


期间想了很多办法,找不到接口.后来想到用@click写方法,增删class类名,

但是dom上lable不能使用@click,只能再写两个<div>用作点击按钮用css使之与两个lable重合.

这时会遇到冒泡问题,所以<div>标签放的位置需要琢磨一下,到底是哪个是父标签哪个是子标签好,谁冒谁的泡.

我的方法是将<div>标签放到<el-radio-button>内可巧妙利用冒泡规则,达到想要的效果


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • vue 2.0 渐进式框架 MVC 单向通信 > m:model 数据层 保存数据 > v:view视图层 用户界...
    web前端ling阅读 892评论 0 0
  • 如果茫茫宇宙中,巨大环绕着的星体对居住在蓝色星球上的小小人类有些微影响的话,H.P Lovecraft的一生都像一...
    珀西瓦尔夫人阅读 2,121评论 0 1
  • 学习的方法固然重要,但是比起 用功 来说,几乎可以忽略不计。 对目前的工作我是自满的状态,觉得够用也学不进去。其实...
    曦妮阅读 300评论 0 0
  • 最近想做静态代码检查,考虑了以下几点,最终选择了facebook 的infer作为主要研究对象: 开源 适用于an...
    龙猫六六阅读 2,419评论 1 51
  • 看了几集美剧,时间又到了22点了,意味着还有2个小时就得睡觉了。才发现18点下班到家,就一直坐在沙发上,打开平...
    四季感冒阅读 270评论 0 1

友情链接更多精彩内容