|
@@ -4,11 +4,12 @@
|
|
|
return {
|
|
|
value1: 0,
|
|
|
value2: 50,
|
|
|
- value3: 42,
|
|
|
- value4: 0,
|
|
|
+ value3: 36,
|
|
|
+ value4: 42,
|
|
|
value5: 0,
|
|
|
value6: 0,
|
|
|
- value7: [4, 8]
|
|
|
+ value7: 0,
|
|
|
+ value8: [4, 8]
|
|
|
};
|
|
|
}
|
|
|
}
|
|
@@ -60,9 +61,13 @@
|
|
|
<span class="demonstration">自定义初始值</span>
|
|
|
<el-slider v-model="value2"></el-slider>
|
|
|
</div>
|
|
|
+ <div class="block">
|
|
|
+ <span class="demonstration">隐藏 Tooltip</span>
|
|
|
+ <el-slider v-model="value3" :show-tooltip="false"></el-slider>
|
|
|
+ </div>
|
|
|
<div class="block">
|
|
|
<span class="demonstration">禁用</span>
|
|
|
- <el-slider v-model="value3" disabled></el-slider>
|
|
|
+ <el-slider v-model="value4" disabled></el-slider>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -72,7 +77,8 @@
|
|
|
return {
|
|
|
value1: 0,
|
|
|
value2: 50,
|
|
|
- value3: 42
|
|
|
+ value3: 36,
|
|
|
+ value4: 42
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -90,14 +96,14 @@
|
|
|
<div class="block">
|
|
|
<span class="demonstration">不显示间断点</span>
|
|
|
<el-slider
|
|
|
- v-model="value4"
|
|
|
+ v-model="value5"
|
|
|
:step="10">
|
|
|
</el-slider>
|
|
|
</div>
|
|
|
<div class="block">
|
|
|
<span class="demonstration">显示间断点</span>
|
|
|
<el-slider
|
|
|
- v-model="value5"
|
|
|
+ v-model="value6"
|
|
|
:step="10"
|
|
|
show-stops>
|
|
|
</el-slider>
|
|
@@ -108,8 +114,8 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- value4: 0,
|
|
|
- value5: 0
|
|
|
+ value5: 0,
|
|
|
+ value6: 0
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -126,7 +132,7 @@
|
|
|
<template>
|
|
|
<div class="block">
|
|
|
<el-slider
|
|
|
- v-model="value6"
|
|
|
+ v-model="value7"
|
|
|
show-input>
|
|
|
</el-slider>
|
|
|
</div>
|
|
@@ -136,7 +142,7 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- value6: 0
|
|
|
+ value7: 0
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -153,7 +159,7 @@
|
|
|
<template>
|
|
|
<div class="block">
|
|
|
<el-slider
|
|
|
- v-model="value7"
|
|
|
+ v-model="value8"
|
|
|
range
|
|
|
show-stops
|
|
|
:max="10">
|
|
@@ -165,7 +171,7 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- value7: [4, 8]
|
|
|
+ value8: [4, 8]
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -183,6 +189,7 @@
|
|
|
| show-input | 是否显示输入框,仅在非范围选择时有效 | boolean | — | false |
|
|
|
| show-input-controls | 在显示输入框的情况下,是否显示输入框的控制按钮 | boolean | — | true|
|
|
|
| show-stops | 是否显示间断点 | boolean | — | false |
|
|
|
+| show-tooltip | 是否显示 tooltip | boolean | — | true |
|
|
|
| range | 是否为范围选择 | boolean | — | false |
|
|
|
|
|
|
### Events
|