/Javascript/Vue/Vue block other script event listeners

Vue block other script event listeners

const app = new Vue({
    el: '#app',
    mounted() {
        $(document).trigger('vue-loaded');
    }
});
$(document).on('vue-loaded', function () {
    const $toggle = $('.js-accordion-toggle');

    $toggle.on('click', function () {
        $(this).toggleClass('test');
    });
});

Source: stackoverflow.com

Similar codes

2 votes270 views1 answer
Vue directive access this
Javascript Vue
2 votes257 views1 answer
How to run vue js project on different port
Javascript Vue
1 vote269 views2 answers
How to watch for changes within a prop in vue
Javascript Vue
0 vote280 views1 answer
Vue js override component css
Javascript Vue
6 votes276 views1 answer
Vuejs set
Javascript Vue
5 votes254 views1 answer
Vue prop string or number
Javascript Vue
9 votes297 views3 answers
Vue 3 computed
Javascript Vue
67 votes368 views3 answers
Update vue version npm
Javascript Vue
0 vote306 views1 answer
Nuxt vuetify google fonts
Javascript Vue
0 vote263 views1 answer
Vuejs bootsrap modal hidden event
Javascript Vue