No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Q-Range issue when extending 'drag-only-range' functionality: values change, sliders won't move

    Help
    1
    1
    178
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • M
      mas last edited by mas

      I am trying to expand the ‘drag-only-range’ functionality on Q-Range. I want to keep a static distance between max and min only when the range exceeds that distance. And when one of the values is changed so that the range is less than the distance the drag-only-range mode is off. I wrote a simple function for that. The model values change as required, but the second label won’t move on the slider when I move the first one and that causes issues. However, when instead of dragging the slider label I change max/min values with the help of test Increment/Decrement buttons that use the same function to correct the distance between ranges, it works as intended! My codepen for this:
      https://codepen.io/Solarwake/pen/QWjwVeE

      Why so and how to fix that? A reactivity issue or something else with the way Vue watches value changes? I’ve been trying to change q-range model values with this.$set but the result is the same.

      1 Reply Last reply Reply Quote 0
      • First post
        Last post