Задать вопрос
@GreenMan1899
javascript

Как связать реактивный вывод данных форм через v-model используя jquery-ui?

Создал простейший калькулятор на Vue.js
https://codepen.io/danilst/pen/KovqZE?editors=1011

Но пока не понял, можно ли как-то также просто связать ползунок jquery-ui с атрибутом v-model, т.к. ползунок jq-ui не использует инпуты:
<div id="slider"></div>
$( function() {
    $( "#slider" ).slider();
} );
  • Вопрос задан
  • 204 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
Xuxicheta
@Xuxicheta
инженер
Нужно сделать пользовательский компонент с v-model
https://ru.vuejs.org/v2/guide/components.html#%D0%...
Внутри рисуешь свой ползунок.
Делаешь свойство допустим value
При изменении его значения вызываешь this.$emit('input', this.value)
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Каталог AI tools
18 апр. 2024, в 01:12
150000 руб./за проект
Загрузка характеристик из xml/csv файла в карточки товаров WordPress
18 апр. 2024, в 00:58
5000 руб./за проект
Нарисовать подарки для соц сети
18 апр. 2024, в 00:10
50000 руб./за проект
Ещё заказы