el-slider关联input
时间: 2023-10-08 20:04:04 浏览: 136
custom-slider:自定义滑块
要将el-slider与input关联,可以使用v-model指令。例如,您可以这样编写代码:
```html
<template>
<div>
<el-slider v-model="sliderValue" :min="0" :max="100"></el-slider>
<input v-model="sliderValue" type="number" :min="0" :max="100">
</div>
</template>
<script>
export default {
data() {
return {
sliderValue: 50
};
}
};
</script>
```
在上面的代码中,el-slider和input都绑定到了sliderValue这个变量上,这样当el-slider的值发生变化时,input的值也会随之变化。反之亦然。注意,这里使用了v-model指令来实现双向绑定。
阅读全文