vue 使用，@post-NumValue 接受滚动的值报错

[sunzhuof]

你好，在vue 中使用，用@post-NumValue绑定 滚动的值并显示到界面，代码如下 ` <cs-ruler :maxNum="200" :minNum="0" :NowNum="60" @post-NumValue="rulerNum">

{{rulerNum}}

` 但是滚动的时候控制台有报错，不知道怎么回事 报错信息如下 [Vue warn]: Error in v-on handler: "TypeError: handler.apply is not a function"

[sunzhuof]

还有个问题，，请教下 设置最大最小值分别为0--200后，因为指针位于组件中部，可以选择最小值0，但是选择不了最大值200。组件滑动至最右侧后，刻度值最大显示到190左右。

还有能否设置ruler 的背景色，比如可以传入一个[60,120]，表明60-120这段的背景色设置成传入的颜色。

你好，在vue 中使用，用@post-NumValue绑定 滚动的值并显示到界面，代码如下 <cs-ruler :maxNum="200" :minNum="0" :NowNum="60" @post-NumValue="rulerNum"> {{rulerNum}} 但是滚动的时候控制台有报错，不知道怎么回事 报错信息如下 [Vue warn]: Error in v-on handler: "TypeError: handler.apply is not a function"

[328921371]

好的,看到了你的需求,会考虑添加背景色,至于TypeError: handler.apply is not a function这个报错,应该是你的data命名和methods里面的方法名 重名了...这类的VUE提醒报错,可以参考一下Vue源码解析

[328921371]

@sunzhuof 刻度值选择最大值BUG已修复,重新下载就可以了,背景色有时间会添加上去

[sunzhuof]

@328921371 更新后看到最大值bug 已经修复了。请问下@post-NumValue 绑定的值在滚动时是会持续更新的吗？现在没有上面那个报错信息了，但是页面上用{{rulerNum}} 接收的地方一直没有更新值。 还有就是如果设定了最大最小值[34,40]来表示人的体温数据，怎样设置可以显示36.5这样的数据呢

[328921371]

@sunzhuof 实在不好意思,是我的文档没有写清楚,导致你理解错误 @post-NumValue绑定一个函数,在函数中接受值,rulerNum(vul){this.NumValue = vul }, 可以这样写,NumValue 就会实时更新,至于显示36.5的数据,可以开启小数点来实现

[328921371]

@sunzhuof 开启小数默认处理是整体除以10,所以最大值最小值应该要写成340,400

[sunzhuof]

非常感谢耐心细致的回答！还有个问题，当一个页面上使用两个cs-ruler 时，后一个设置的属性貌似都没有生效，这个应该解决

[sunzhuof]

又有个新的需求，设置最值为[0,50000]来记录每日行走的步数的时候，好像通过设置ruleWidth 来显示有问题，每个格子表示100，十个小格子表示1000比较合理。请问这个怎么处理

[328921371]

@sunzhuof ruleWidth只是用来显示一个页面有几个格子,不能拿来用作扩大倍数,我写一个方法来设置一个格子表示多少,更新了会提醒你,至于两个控件同时使用属性不生效,我也看一下

[328921371]

@sunzhuof 多个组件配置不生效问题已解决,更新了,每个格子表示100,,我新增一个需求给你

[328921371]

@sunzhuof 更新了,新增oneGridValue字段,:oneGridValue='100' 就可以扩大一百倍了,0,50000 和小数点的一样,只要写0,500 就可以了

[sunzhuof]

嗯嗯，更新了下上面问题都解决了。感谢大佬！！！