将 Slider 组件 setTips 和 change 的 value 区分开

建议 未结 1 386
缺水的海豚
悬赏:20飞吻
slider.render({
elem: '#id',
setTips: function (value) {
// 此处 return 的 value,会影响 change 里面的 value
},
change: function (value) {
// 此处的 value,会受到上面 setTips 的影响
}
});
常规来说,Slider 组件就按照上面的写法,就行了。不过,为了更加友好的提示,可以 setTips。

既然是 tips,那么,就应该可以自定义显示的内容并且不影响原始值。

但是,一旦在 setTips 里面,按照预期的内容返回了,下面的 change 事件里面的 value,也一同被修改了。

建议:增加一个 change 事件的参数,比如叫:tip(或 tipValue)之类的,能够获取到 setTips 的内容,现在的 value 仍然获取数值型的原始值,就像下面这样:

slider.render({
elem: '#id',
setTips: function (value) {
return value + '天';
},
change: function (value, tip) {
console.log(value); // 输出:1、2、3、……
console.log(tip); // 输出:1天、2天、3天、……
}
});
回帖
  • 舒米嘉
    2019-6-20
    我也正好遇到这个问题。估计这是一个bug,希望完善一下!
    0 回复