vuikit: Off-canvas example does not seem to work

Go to the codepin playground for vuikit.
Paste in the example for off-canvas:

<vk-button @click.native="show = true">
  Show
</vk-button>
<vk-offcanvas :show="show"
  @clickOut="show = false">
  Content
</vk-offcanvas>

As you can tell, it doesn’t seem to work.

Similarly, I’m seeing that it’s not working inside my app. The classes are changing, but it isn’t showing the off-canvas. Very strange.

About this issue

Original URL
State: closed
Created 7 years ago
Comments: 18 (11 by maintainers)

Most upvoted comments

I agree, for Vuikit 0.7x would be renaming all props and events, but for 0.6.x can’t make any braking change. As the 0.7 is still in development and UI3 compatible, the best in your case is to avoid dom templates.

miljan-aleksic on Feb 2, 2017

@bkuri, when using dom templates there are restrictions and all properties or events should be kebab-cased. Eg. @click-out. But that doesn’t work either and by my understanding Vue should deal with that in the background. I rised an issue about it, lets wait for response to clarify.

miljan-aleksic on Feb 2, 2017