Задать вопрос

semki096 @semki096

vue

Vue.js

Vuejs, как передать данные в модальное окно bootstrap?

Ниже - кнопка открытия модального окна бутстрап. Вопрос - как правильно передать данные 'data-id = 222' в vue по событию - нажатию на кнопку? Может имеет смысл запускать окно из Vue?

<button class="mb shadow" data-id="222" data-toggle="modal" data-target="#exampleModal">
       Открыть
</button>

Вопрос задан более трёх лет назад
283 просмотра

3 комментария

Подписаться 1 Простой 3 комментария

Сергей delphinpro @delphinpro
@click = "showmodal(this)" showmodal(){ // Делаем что хотим this.innerHTML = ' New Contne'; $(this).modal('show'); }

Но я бы взял "родной" для vue компонент для модалок.
Написано более трёх лет назад
semki096 @semki096 Автор вопроса

Сергей delphinpro, спасибо, просто у меня используются от бутстрапа другие компоненты типа слайдера итп, поэтому хочу именно бутстрап

Написано более трёх лет назад
Сергей delphinpro @delphinpro

semki096, я понимаю. и хотя использовать vue + jquery да еще js-bootstarp это перебор, но можно. Просто используйте js-плагины с помощью их апи, не используйте атрибуты.

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

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

Войти через центр авторизации

Похожие вопросы

Vue.js

Простой
Не работают @media-query на Vue 2, как исправить?
- нет подписчиков
- 18 часов назад
- 50 просмотров
0

ответов
Vue.js

+1 ещё

Простой
Почему компонент не получает данные от pinia?
- 1 подписчик
- вчера
- 69 просмотров
1

ответ
Vue.js

Простой
Как изменить иконку календаря по умолчанию у date picker element plus?
- 1 подписчик
- вчера
- 55 просмотров
1

ответ
Vue.js

Простой
Как добавить иконку в Select ElementPlus?
- 1 подписчик
- вчера
- 37 просмотров
1

ответ
Vue.js

+1 ещё

Средний
Как сделать перегрузку функций TS в Vue?
- 1 подписчик
- 15 апр.
- 85 просмотров
1

ответ
Vue.js

Простой
Как убрать иконку календаря на элементе vue date picker?
- 1 подписчик
- 15 апр.
- 50 просмотров
1

ответ
Vue.js

Средний
Как получить ошибку валидации laravel + vue?
- 1 подписчик
- 14 апр.
- 86 просмотров
0

ответов
Vue.js

Средний
Как убрать открытие клавиатуры при фокусе на input?
- 1 подписчик
- 12 апр.
- 46 просмотров
1

ответ
Vue.js

Простой
Как вернуть JSON-объект из i18n VueJS?
- 2 подписчика
- 12 апр.
- 150 просмотров
1

ответ
JavaScript

+2 ещё

Средний
Как добавить большой текст с заголовками в локаль i18n во VueJS проекте?
- 1 подписчик
- 12 апр.
- 38 просмотров
0

ответов
Показать ещё Загружается…

Frontend Vue & Capacitor Developer Middle++

Parasol Software

от 2 000 до 2 500 $

Разработчик Vue.js

Кортекс

от 60 000 до 100 000 ₽

Разработчик (Frontend developer / Vue.js)

МСтрой

от 99 999 ₽

Каталог AI tools

18 апр. 2024, в 01:12

150000 руб./за проект

Загрузка характеристик из xml/csv файла в карточки товаров WordPress

18 апр. 2024, в 00:58

5000 руб./за проект

Нарисовать подарки для соц сети

18 апр. 2024, в 00:10

50000 руб./за проект