flipbook-vue
flipbook-vue copied to clipboard
Question: How to implement zoom on double click?
I know I can use the flipbook's zoomIn() method but I've tried attaching a @dblclick event directly on flipbook component but it seems that it does not fire it for some reason, am I missing something?
<flipbook
ref="container"
@dblclick="zoomFlipbook"
:startPage="page"
:pages="images"
:zooms="zooms"
@zoom-start="setZoom"
@flip-left-start="nextPage"
@flip-right-start="nextPage"
@flip-left-end="updateImagePositions"
@flip-right-end="updateImagePositions">
</flipbook>
in methods I have
zoomFlipbook(){
this.$refs.container.zoomIn();
}
Sorry for the delay in replying.
You can set up a native dblclick handler by writing like the following:
@dblclick.native="zoomFlipbook"