@mouseover @@mouseleave event add in petite-vue

[shahriar350]

@mouseOver and @mouseleave are not available in petite vue. Is there any way to use these in my petite vue?

[fparedlo]

Yoy can wrap all your event listeners in a function and run this inside the mounted event. No need to use vue events to create normal js events.

…

On Wed, 13 Apr 2022, 17:49 Saifullah Shahen, ***@***.***> wrote: @mouseOver <https://github.com/mouseOver> and @mouseleave are not available in petite vue. Is there any way to use these in my petite vue? — Reply to this email directly, view it on GitHub <#152>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACAO23PFTGX5Z2HEB7KSQ6DVE3UJZANCNFSM5TLDQ3FA> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[shahriar350]

could you please give me a short example?

[sqllyw]

https://jsfiddle.net/9zeswu8L/

[fparedlo]

could you please give me a short example?

sorry took me some time to come back to you. Example with click event https://codesandbox.io/s/determined-matsumoto-1rskx0?file=/index.html

[celeg]

or based with exemple of sqllyw
Replace js

<p @vue:mounted="mounted($el)" @vue:unmounted="unmounted($el)">{{ plusOne }} mouse over</p>
By vue :
<p @mouseover="increment" @mouseleave="console.log('bye')">{{ plusOne }} mouse over</p>