使用mt-range实现一个数字随着滑动杆变化的效果

最近开发中有一项需求，需要实现数字随着滑竿移动的这样一个效果。

对于我来说，我喜欢用最少和最简单的代码来实现看似复杂的功能，所以在这里记录一下我的实现思路和方法，希望有更好的实现方法的小伙伴，可以多多交流~

先上效果图(录制GIF图失败，只能上静态图凑活看o(╥﹏╥)o)

1.实现思路：

使用UI框架：Vue+MintUI

通过获取滑竿上的值，将滑竿上的值按照最大值和最小值以及步长，进行均分，通过计算改变数值的偏移量来达到随着滑竿变动的效果。在这里我采用的是在watch中监听滑竿上绑定的数值的变化，来直接修改上面数字的偏移值，滑动效果非常的流畅快速。

我这里因为步长，最大值最小值是固定的，所以写死了，如果你想做成动态改变的，可以将最大值，最小值和步长用变量来表示，下面的计算中，换成相应的数值计算就可以了。

直接上代码：

<template> 
<div class="windspeed_choose">
      <div class="mode_title"&g