vue @click функция on :: after css element - закрыть btn

Question

Я делаю шаблон, в который я не могу добавить ненужные элементы HTML.Я хочу сделать кнопку закрытия при наведении курсора, но это должен быть элемент ::after в CSS, как вы можете видеть на этом изображении.

Мне нужно сделать метод VUE @click для элемента ::after в CSS или выбрать элемент ::after, чтобы можно было запускать функцию, когда я нажимаю кнопку закрытия

Кто-нибудь найдет решение?

Answer 1

Это невозможно (почти)!Псевдоэлементы не являются частью DOM.Вы не можете связать события непосредственно с ними.Однако вы можете сделать хитрость: добавить некоторый дочерний элемент без какого-либо содержимого и привязать событие click к этому элементу.Используйте :after, чтобы показать кнопку закрытия.