В Vue напрямую обрабатывать события на элементах с pointer-events: none нельзя, так как они не участвуют в обработке событий мыши и касаний. Для обхода этого используются альтернативные подходы:
Передача события родительскому элементу: Разместить неинтерактивный элемент внутри родительского, который будет слушать события и делегировать их.
html
Использование оверлея: Разместить интерактивный, прозрачный элемент поверх неинтерактивного.
html
Программная имитация событий: Использовать JavaScript для определения положения курсора или касания и вызова соответствующей логики, имитируя обработку события. Этот метод более сложный и требует точного расчета позиций элементов.
javascript
Выбор метода зависит от конкретной задачи и структуры DOM. Передача события родительскому элементу часто является наиболее простым и предпочтительным подходом.