关于前端:关于vux组件range一些坑

43次阅读

共计 624 个字符,预计需要花费 2 分钟才能阅读完成。

最近在保护基于 vux UI 的挪动我的项目中应用 vux 的 range 组件发现两个坑。在网上搜不到解决办法(可能应用人员比拟少)的状况下钻研这个组件源码解决我所遇到的两个问题。

问题一:
间接援用 range 组件呈现原点拖动不了的状况。

解决方案:
1、在 range 组件的外层加 v -if。(重点说这个) 2、查看元素层级关系

问题二:
批改绑定在 range 组件的 V -model 的 data 数字会呈现没法累加的状况。目前呈现 23 过渡 24 的时候没主动变回 23。71 过渡 72 的时候会主动变回 71。

解决方案:
在 range 组件中设置:step=’0.5′ 当然这个不是最好的解决方案是用来躲避 vux 内置办法中计算问题。

没趣味能够跳过以下剖析源码中呈现问题的起因:
问题一:

具体的思路我就不细说了关键问题的源码:

打印进去的后果是这个元素的宽度获取到的是 auto。所以导致 range 写的计算方法出错导致拖动不了。就是说进入 range 初始化时该元素宽度有问题(我这里是因为 range 嵌套在 vux diolog 组件导致的)

在外层加上 v -if 保障我外层 diolog 呈现当前再加载 rang 进行初始化。问题解决

问题二
点击加号将 range 的百分数 +1。发现到 23 的时候死活加不下来。

起初用最原始办法,console 打印法找到问题的点呈现在哪里,先说论断:** 问题呈现在 vux 里封装滑动条滑动间隔占总间隔百分比的办法里。23- 过渡到 24 的计算结果是 23.49145299145299 取整后又变回 23。所以数字

正文完
 0