Тег привязки внутри кнопки, которая управляет схлопыванием другого div, не работает ⇐ Javascript
-
Гость
Тег привязки внутри кнопки, которая управляет схлопыванием другого div, не работает
В моем приложении Nuxt 2 SSR + Bootstrap 5 у меня есть следующий код:
{{ file.original_filename }}
Вер. {{ file.page_count }} {{ $tc('home.pagin', file.page_count) }} ...
Когда пользователь нажимает кнопку, компонент JS Collapse Bootstap переключает соответствующий элемент div. И это нормально. Однако я хочу, чтобы вкладка открывалась, когда пользователь нажимает на тег привязки.
Ну, этого не происходит. Мало того, что вкладка не открывается, но и переключается элемент div, потому что событие щелчка по якорю распространяется на кнопку. Я подумал, что все это может быть проблемой с всплытием событий, поэтому я использовал встроенный модификатор событий Vue.js @click.stop. Я также попробовал вызвать метод и вызвать e.stopPropagation(). Ничего из этого никак не повлияло на поведение приложения.
Наконец, мне кажется любопытным, что при нажатии на тег i внутри привязки вкладка открывается. Однако сворачиваемый элемент продолжает переключаться.
В моем приложении Nuxt 2 SSR + Bootstrap 5 у меня есть следующий код:
{{ file.original_filename }}
Вер. {{ file.page_count }} {{ $tc('home.pagin', file.page_count) }} ...
Когда пользователь нажимает кнопку, компонент JS Collapse Bootstap переключает соответствующий элемент div. И это нормально. Однако я хочу, чтобы вкладка открывалась, когда пользователь нажимает на тег привязки.
Ну, этого не происходит. Мало того, что вкладка не открывается, но и переключается элемент div, потому что событие щелчка по якорю распространяется на кнопку. Я подумал, что все это может быть проблемой с всплытием событий, поэтому я использовал встроенный модификатор событий Vue.js @click.stop. Я также попробовал вызвать метод и вызвать e.stopPropagation(). Ничего из этого никак не повлияло на поведение приложения.
Наконец, мне кажется любопытным, что при нажатии на тег i внутри привязки вкладка открывается. Однако сворачиваемый элемент продолжает переключаться.
