Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

event handler case warnings on paneresize #8

Open
vertcitron opened this issue Mar 14, 2018 · 3 comments
Open

event handler case warnings on paneresize #8

vertcitron opened this issue Mar 14, 2018 · 3 comments

Comments

@vertcitron
Copy link

Hello and thank you for this cool component.

I saw in doc that the resize event is "paneresize".

But when I use it like this :
<multipane id="general-panel" layout="vertical" @paneresize="resized">
the callback method is not fired and I get this warning in browser's console :
vue.esm.js?efeb:580 [Vue tip]: Event "paneresize" is emitted in component <Multipane> but the handler is registered for "paneResize". Note that HTML attributes are case-insensitive and you cannot use v-on to listen to camelCase events when using in-DOM templates. You should probably use "pane-resize" instead of "paneResize".

If I change to @paneResize="resized", the callback is now fired and works but the warning still appears.

If I change to @pane-resize="resized", the callback is not fired and the warning still appears.

So only the second solution works, (with paneResize) but I don't like to use camelCase with HTML attributes, and the warning remains.

Am I wrong with the way I catch the event ? Is there any solution ?

Thank you for your time, best regards.

@meh2481
Copy link

meh2481 commented Mar 28, 2018

You are correct; the events are emitted incorrectly. See issue #1

@vertcitron
Copy link
Author

Ok thx very much. Let us know when 0.9.6 will be merged...

@Worie
Copy link

Worie commented Feb 15, 2019

Any plans on merging?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants