this.$listeners is undefined. Quasar framework integration.

[maclaine-san]

this.$listeners is undefined. Quasar framework integration.

[gruhn]

Thanks for taking the time 😀 👍

I believe _events is a property also used internally by Vue. I'm not sure what the difference to $listeners is though.

I'd love to support quasar and find out why it's not working already but I hope there is a solution which is based on Vues official API.

[maclaine-san]

After hours of debugging I have found what was the reason why the vue instance property this.$listeners is undefined. It turned out quasar has a custom event handling instance property that handles the events called _events.
So in order for it to work with quasar-framework I updated your QrcodeReader.vue component a little bit, changed the this.$listeners to this._events on shouldScan() and shouldLocate() computed functions.

Looking forward for a full quasar-framework support in the future.
Nice work with the package btw.

[gruhn]

Hey, I haven't worked with quasar yet but I can't think of an obvious reason why it should be a problem.

vue-qrcode-reader checks if event handlers for locate and/or decode are registered by its parent component. This can be checked using the instance property vm.$listeners. If no handlers are registered, continuously locating and decoding (which is rather expensive) would be unecessary and is therefore omitted.

Now it seems like $listeners is not available in your component instance for some reason. Maybe this is a bug or quasar interferes here...

Could you share your source or provide detailed steps to reproduce?

[chameleonbr]

Hi @maclaine-san, you could send me sample code to use this module inside quasar framework? I have problems with postCSS or something like that.
Thanks.

[gruhn]

This might be fixed now. $listener is not used anymore.