Skip to content

Limit prop is not reactive #342

@slaweet

Description

@slaweet

Version

  • Vue version: both 2 and 3

Description

When I specify the prop :limit="limitValue" on <Multiselect /> and later change the value of limitValue, then the number of displayed options stays the same as was the initial value of limitValue

The use case

I have a multiselect with a lot of options and it's very slow to put all of them into DOM at once. So I did an infinite-scroll approach that increases the limit only when the user scrolls to the bottom of the options list. Users can also search the options, so they might not need more than the limit number of options displayed to access any option. I considered the alternative to do a slice on the options array, but then the search would not work out of the box

Demo

https://jsfiddle.net/132czqLd/4/

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions