search

NightCatSama / vue-slider-component

🌡 A highly customized slider component
https://nightcatsama.github.io/vue-slider-component
MIT License
2.42k stars 346 forks source link

After updating to 3.2.20 from 2.8.16, the bar is not visible and it throws an error when I click on where the slider should be #645

Open DoctorNo124 opened 2 years ago

DoctorNo124 commented 2 years ago

Hello all,

Only the dots are visible and the bar is not visible. However, I can't move the dots whatsoever. When I click on where the bar should be, I get the following error:

vue.esm.js:3736 TypeError: Cannot read properties of undefined (reading 'disabled') at VueComponent.value (vue-slider-component.umd.min.js:6:37884) at VueComponent.value (vue-slider-component.umd.min.js:6:37113) at invokeWithErrorHandling (vue.esm.js:3704:1) at HTMLDivElement.invoker (vue.esm.js:1524:1) at original_1._wrapper (vue.esm.js:7968:1)

Here is how it looks: slider not working

Thanks, Noah

DoctorNo124 commented 2 years ago

I realized why the bar wasn't visible - I was passing 6 as a string to the height property, where I should have been passing '6px' as a string. Still having the issue where I can't drag the dots, however.

DoctorNo124 commented 2 years ago

More information - so, starting out on this page, I pass disabled as true to the slider component, so it starts out disabled. I pass disabled as false later on, but it doesn't allow the dots to be dragged.

NightCatSama commented 2 years ago

Please provide an online example.