Vue Slider Component - 同时启用拖尾和点击更新

Posted

技术标签:

【中文标题】Vue Slider Component - 同时启用拖尾和点击更新【英文标题】:Vue Slider Component - Enable drag-end and on-click updates concurently 【发布时间】:2019-06-10 08:57:53 【问题描述】:

我在我的项目中使用vue-slider-component。默认情况下,它是clickable,即它在点击事件上应用更新(调用所需的方法)。但它也会在拖动时不断地应用更新,从起点到终点。我想要的是在滑块停止在终点时仅应用更新once。所以我添加了@drag-end 属性。现在的问题是我可以单击滑块,并且由于@drag-end 属性,它会动画(幻灯片)但没有应用更新。我怎样才能保留@drag-end 功能但同时启用点击更新应用?

【问题讨论】:

请发代码 【参考方案1】:

我认为将惰性属性设置为 true 可能会解决此问题。

v-on:change="updateApcs()" :lazy="true"

【讨论】:

以上是关于Vue Slider Component - 同时启用拖尾和点击更新的主要内容,如果未能解决你的问题,请参考以下文章

vue-concise-slider vue滑动组件

vue-learning:24 - component - 目录

如何在 Angular 2 中使用窗口对象? [复制]

vue从入门到进阶:组件Component详解

Jest + Vue3 + @Vueform/slider “语法错误:不能在模块外使用导入语句”

Rails/Webpacker 未在生产中加载 Vue 样式