Vue-slider-component: Default value : none
Is there a way to not have any default value. My options looks like this :
options: {
value: '',
width: '80%',
tooltip: 'always',
disabled: false,
piecewise: true,
piecewiseLabel: true,
style: {
marginLeft: '10%'
},
data: [
'0',
'1',
'2',
'3',
],
piecewiseStyle: {
backgroundColor: '#ccc',
visibility: 'visible',
width: '12px',
height: '12px'
},
piecewiseActiveStyle: {
backgroundColor: '#3498db'
},
labelActiveStyle: {
color: '#3498db'
}
},
Shimabuk
All 5 comments
Then how do you want to display when there is no value?
NightCatSama
on 9 Oct 2018
Something like :
Or if there is a way to display differently a slider which just loaded with a default value, and a slider with a value that has been really selected by the user.
Thanks for your quick answer.
Shimabuk
on 10 Oct 2018
Sorry, there is currently no way to implement this function directly.
But it can be achieved by a slightly more complicated means. I wrote an example and hope to help you.
NightCatSama
on 10 Oct 2018
Okay thanks for your help.
This way should be enough for me.
Cheers
Shimabuk
on 12 Oct 2018
There is a problem with the previous example. When you click the first one, there will be no response.
NightCatSama
on 12 Oct 2018
Related issues
bogdan1190
路
5Comments
akinhwan
路
3Comments
mayajuni
路
3Comments
rvasoya
路
9Comments
qidaneix
路
4Comments
Most helpful comment
There is a problem with the previous example. When you click the first one, there will be no response.
https://jsfiddle.net/2xy72dod/8781/