v-on: изменение (VueJS) не работает с ползунком диапазона (скрытый ввод)

#javascript #vue.js #onchange

#javascript #vue.js #onchange

Вопрос:

Мне нужно было использовать плагин для создания ползунка диапазона. (jQuery)

В принципе, этот плагин работает, скрывая элемент ввода текста и обновляя его по мере того, как я перемещаю и устанавливаю значение между A и B.

Я пытался использовать v-on: change, чтобы зафиксировать значение этого скрытого ввода, но он не отвечает… Он реагирует только тогда, когда я изменяю его вручную.

Как я могу заставить v-on: change работать в этом случае?

Комментарии:

1. Пожалуйста, опубликуйте соответствующий код, о котором идет речь.

2. Попробуйте v-on: прослушиватель событий ввода

3. Я не думаю, что ваш прослушиватель событий будет вызван, если диапазон изменен программно (с помощью jQuery) — возможно, вам потребуется прослушать событие непосредственно из плагина jQuery. И вообще, не стоит смешивать jQuery и Vue….

4. Я бы также посоветовал вам поискать ползунок, который использует Vue.js и по возможности полностью избавьтесь от jQuery

5. что-то вроде такого компонента mdbootstrap.com/docs/vue/forms/slider (bootstrap и vue очень хорошо работают вместе)

Ответ №1:

Да, столкнулся с такой же ситуацией в Vue 2. Пожалуйста, попробуйте @callback=»changeHandler», и вам, вероятно, потребуется использовать Lodash debounce() для обработки случая перетаскивания.