vue2+elementui el-slider（两端滑动）改变滑块范围以及tooltip提示信息
在Vue2中使用Element UI的<el-slider>组件时，如果你想要实现两端可以滑动来改变滑块范围的功能，并且想要修改tooltip的提示信息，你可以使用range属性来启用范围选择，同时通过tooltip-format属性来自定义tooltip的显示内容。
以下是一个简单的例子：
<template>
<div>
<el-slider
v-model="rangeValue"
range
:tooltip-format="formatTooltip"
></el-slider>
</div>
</template>
<script>
export default {
data() {
return {
rangeValue: [20, 50],
};
},
methods: {
formatTooltip(val) {
return `自定义值: ${val}`;
},
},
};
</script>在这个例子中，rangeValue是一个包含两个元素的数组，分别代表左右滑块的当前值。range属性使得两个滑块可以同时移动来选择一个范围。formatTooltip方法用来格式化tooltip的显示内容，在这个例子中，它将tooltip的默认显示内容替换为了自定义的格式。
评论已关闭