Extend event listeners within vuejs

Question

I'm currently working on a project which uses VueJS. This project has many mixins and components and in the HTML @click is defined on many places.

Is it possible to get a list of DOM nodes which has these event listers attached? Or extend the main event listener functionality so that i can add some extra logic to it? I've searched for the answer for hours but still not able to find anything useful.

Thanks!

It's not clear (to me at least) what exactly you want to do. Do you want to intercept every handler assigned by the v-on directive? — Bert
– Bert, Commented Jun 12, 2018 at 13:54
one possible approach is using vue directive, then loop vnode to check whehter any listener exists. — Sphinx
– Sphinx, Commented Jun 12, 2018 at 15:40
@Sphinx I tried it with a vue directive but i still didn't get it to work. — Pim vd Molen
– Pim vd Molen, Commented Jun 13, 2018 at 6:25
Great, possible Vue Source Code may be helpful for further understanding. — Sphinx
– Sphinx, Commented Jun 13, 2018 at 15:52

Pim vd Molen · Accepted Answer · 2018-06-13 09:28:56Z

1

I just wanted to let you know that after a lot of debugging i found a way to determine what elements have an @click event attached. For those who still want to know:

function loopThroughVueNodeChildren(children) {
    children.forEach(vnode => {
        // Is an @click attached to this element?
        if (vnode.data && typeof vnode.data.on !== 'undefined' && typeof vnode.data.on.click === 'function') {
            console.log('This element has an @click event! I can do whatever i need to do in here :)');
        }

        if (vnode.children) {
            this.addEventListenerOnVueNodes(vnode.children);
        }
    })
},


loopThroughVueNodeChildren(this._vnode.children);

answered Jun 13, 2018 at 9:28

Pim vd Molen

312 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Extend event listeners within vuejs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related