vue3踩坑记 未填之坑 汇总(最新2021.9.2 填坑60)

坑41【暂未填,记录于2021.8.6,对应踩坑记12 踩坑记12 vuex4 module 命名空间 | el-menu 文字超范围显示_Alloom的博客-CSDN博客 】(el-menu、collapse、el-aside、折叠动画):目前将el-menu嵌套在el-aside中的,el-aside的宽度根据菜单的折叠情况,设置为64px或220px。观察实际渲染的菜单元素,折叠到展开其宽度是瞬变;而在展开转变为折叠时,根据el-menu的collapse-transition属性,true(默认)宽度慢慢变小,false瞬变。

于是一开始的目标使el-aside的宽度随el-menu的宽度变化,提升显示效果的动态感。但之后发现el-menu是非原始元素,使用ref或window.getComputedStyle都无法获取其宽度。

附相关参考: Vue获取元素的宽高_meoncih_的博客-CSDN博客_vue获取元素宽度

因此改变目标:对el-aside添加折叠/展开动画,尽量配合el-menu的折叠/展开速度,达成类似效果。动画效果非必要,之后再做。

坑60【已填,记录于2021.9.1,填坑于2021.9.2】(el-form、inline模式、元素高度不统一、元素垂直间距不统一),详见踩坑记18 踩坑记18 vue 组件折叠 v-show | 深度合并对象 deepmerge | el-checkbox-group size设置无效 | el-form中元素高度、垂直间距不统一_Alloom的博客-CSDN博客

by 莫得感情踩坑机(限定)

更新记录:

挖坑41,2021.8.6

挖坑60,2021.9.1

填坑60,2021.9.2

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值