,可以通过以下步骤实现:
npm install -g ember-cli
ember install ember-nouislider
slider-component
的组件中,可以这样使用:
{{ember-nouislider
start=0
end=100
connect=true
range=hash
onUpdate=(action "updateValues")
}}
在上述代码中,start
和end
分别表示滑块的起始和结束值,connect
表示是否连接滑块的范围,range
表示滑块的类型,onUpdate
是一个回调函数,用于在滑块值发生变化时更新其他相关内容。
updateValues
方法来处理滑块值的更新。例如:
import Component from '@ember/component';
export default Component.extend({
actions: {
updateValues(values) {
// 处理滑块值的更新
console.log(values);
}
}
});
在上述代码中,updateValues
方法会在滑块值发生变化时被调用,并将新的滑块值作为参数传递给该方法。
通过以上步骤,你可以在Ember nouislider中成功添加多个手柄,并通过定义的方法来处理滑块值的更新。请注意,这只是一个简单的示例,你可以根据实际需求进行更复杂的配置和处理。
领取专属 10元无门槛券
手把手带您无忧上云