vant-weapp 的slider组件的一个bug记录
-
问题描述:在使用vant-weapp的slider组件时,当给slider传入max大于100时,拖动slider会非常费劲,
好像摩擦力很大的样子。具体表现为 手指移动了 10 个单位,而slider只移动了 2 个单位(大概描述)。
-
解决方案
在slider组件的源码文件 index.js 里找到如下代码
onTouchMove: function (event) { var _this = this; if (this.data.disabled) return; if (this.dragStatus === 'start') { this.$emit('drag-start'); } this.touchMove(event); this.dragStatus = 'draging'; this.getRect('.van-slider').then(function (rect) { var diff = (_this.deltaX / rect.width) * 100; _this.newValue = _this.startValue + diff; _this.updateValue(_this.newValue, false, true); }); },
把上面的diff 后面乘的100 换成 _this.data.max 即可。