Vue-slider-component: Multiple Piecewise from Slots

[alexpvieira]

Hi. I´m trying to add some piecewises into my slider only on specific indexes but only the last one added is currently showed.

There's any way I could archieve that?

My current code for showind the piecewises is:

<template slot="piecewise" slot-scope="{ label, active, index }"> <div v-if="index === 10" class="my-piecewise" :data-value="label"></div> </template>

<template slot="piecewise" slot-scope="{ label, active, index }"> <div v-if="index === 20" class="my-piecewise" :data-value="label"></div> </template>

Thanks.

[NightCatSama]

My test is normal: https://jsfiddle.net/2xy72dod/318/

Can you repeat the problem?

[alexpvieira]

I've used your exemple and only one piecewise is showed (the last one).

https://jsfiddle.net/ktqfaozn/

I need to set three different ones into the same slider.

[birdspider]

@alexpvieira use only one named slot, i.e. put 2 or more divs inside a single named slot

Fiddle: https://jsfiddle.net/ktqfaozn/2/

[alexpvieira]

@birdspider thank you! It worked.