Ais-range-slider not filter values

Try to create page with Vue Instantsearch widgets, but ais-range-slider from example not working, its rendered, I can change range, but it shows always all items.

When I use ais-range-input - it filtered by submit button, like in example.

Has anyone encountered same problem?

hi @dev22 could you make this in a sandbox? We have an example available here: https://codesandbox.io/s/github/algolia/create-instantsearch-app/tree/templates/vue-instantsearch

@haroen yeah, https://codesandbox.io/s/white-wildflower-gk5ys?fontsize=14&hidenavigation=1&theme=dark - same problem, it’s not working.

It’s because vue-slider-component has @change, not @input: https://codesandbox.io/s/loving-dhawan-k6z1h?file=/src/App.vue

You can see the docs for more info: https://nightcatsama.github.io/vue-slider-component/#/api/events?hash=change

Thank you @haroen, now it works.

1 Like