Мне нужно как то передать статические данные под слайдер, я так понимаю - это называется label. Пользуюсь библиотекой
https://nightcatsama.github.io/vue-slider-componen...
Я не понимаю как мне это сделать. Я создал в data массив из данных "dataLabel", и хочу их подставлять под слайдером, когда он будет отстраиваться. Вот примерный мой код:
<teamplate>
<div class="mt-20">
<vue-slider
v-model="expectedMinPrice"
:min="minSlider"
:max="maxSlider"
:step="stepSlider"
@change="changeMinPrice"
:enable-cross="false"
></vue-slider>
</div>
</template>
<script>
data() {
return {
dataLabel: ['0', '10000', '20000', '30000', '40000', '50000', '60000','70000','80000','90000','100000','110000','120000','130000','140000','150000'],
futHedgeFlag_down: false,
futHedgeFlag_top: false,
subDirectionFlag: false,
saveDirection: false,
minSlider: 0,
maxSlider: 150000,
stepSlider: 100,
msg: "waiting",
underlyingList: ["BTC", "ETH"],
directionOptions: ["Up", "Down"],
maturityList: [],
expectedMinPrice: [0, 150000],
expectedMaxPrice: [0, 150000],
defolt_expectedMinPrice: [0, 150000],
defolt_expectedMaxPrice: [0, 150000],data() {
return {
data: ['0', '10000', '20000', '30000', '40000', '50000', '60000','70000','80000','90000','100000','110000','120000','130000','140000','150000'],
futHedgeFlag_down: false,
futHedgeFlag_top: false,
subDirectionFlag: false,
saveDirection: false,
minSlider: 0,
maxSlider: 150000,
stepSlider: 100,
msg: "waiting",
underlyingList: ["BTC", "ETH"],
directionOptions: ["Up", "Down"],
maturityList: [],
expectedMinPrice: [0, 150000],
expectedMaxPrice: [0, 150000],
defolt_expectedMinPrice: [0, 150000],
defolt_expectedMaxPrice: [0, 150000],
</script>