Добавить значок в тег выбора и добавить действие к этому значку
Я собираюсь сделать "preview action" в своем компоненте vuejs 3.
Для этого я пытаюсь:
<select class = "selectpicker">
<option @click='prueba($event)' data-content = "<i class='fa fa-eye mr-5' aria-hidden='true'></i>Option1"></option>
</select>
это генерирует:
Но я хочу, чтобы, когда я нажимаю на глаз, открывалось модальное окно с информационным контрактом, чтобы выбрать этот контракт или другой... Моя проблема в том, что @click не запускается, не переходит к функции "prueba" и не показывает console.info()
Я не знаю, существует ли лучший способ создать это, я работаю с начальной загрузкой 4 и vuejs 3. Я думаю, что лучший способ - это ссылка на выбор и эта ссылка открывается модально с информационным контрактом. Но если у кого-то есть другое лучшее решение, я его слушаю.
Спасибо за прочтение и помогите мне
События кликов не работают с этой опцией. попробуйте добавить событие onChange при выборе ввода
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Элемент option не предназначен для непосредственной поддержки событий щелчка.
<select class = "selectpicker" @change='prueba($event)'>
<option data-content = "<i class='fa fa-eye mr-5' aria-hidden='true'></i>Option1"></option>
</select>
Попробуйте прикрепить событие к элементу выбора вместо опции.