[solved] QRange :min and :max bound to variable issue

[Nattapong]

I’m using Quasar 0.14.7 and having issue with using q-range.
When I bind :min and :max on my template to numeric constant like 1 and 3. It’s working fine.
When I bind :min and :max to variable a.min and a.max, the slider range become weird.
For example, if a.min = 1 and a.max = 3, slider will only have min at 1 and max at 2. Furthermore, If I slide min to max, console will log about “Range error: min >= max” while setting :min and :max to constant have no such issue.

Any suggestions ?

[benoitranque]

Hi. I was unable to reproduce your issue.

Could you try and reproduce it here and post the link?

Thank you!

[leopiccionia]

The JSFiddle runs Quasar 0.15, while @Nattapong is reporting a bug on 0.14.7.

I couldn’t reproduce the bug on 0.15, so I’d suggest you to upgrade Quasar if it’s an option.
https://jsfiddle.net/dcuzzysh/

[benoitranque]

Ditto. And apologies, missed the quasar version. No wonder I could not reproduce the issue…

[Nattapong]

Thanks both of you for your promptly reply.
I manage to solve the issue.
The issue is caused by my misunderstanding about QRange :min and :max and the :value.
I bound all these three to same object so the issue happen.

I’m sorry.

[benoitranque]

We’ve all been there