vue使用svg,animate事件綁定無效問題及解決方法


由於使用svg制作圓形進度條,但是進度展示的太生硬,沒有過渡圓滑的效果,所以使用 animate(在svg元素里可以查到) 元素標簽,但

 這樣使用了,還是沒有效果,我前端使用的 vue ,所以通過 @ 或 v-on 均無效

 

解決方法就是 

 

 

 聲明這2個屬性,在通過瀏覽器查看這2個事件綁定的區別

 

 這就是區別,使用vue綁定事件加上Event結尾就行。

 

先聲明下,我是使用svg的end事件遇到的問題,這種方法應該只能用於個例吧。

由於onend是屬於被動觸發的,所以這種方法只能自測看看,對於瀏覽器兼容沒有測

 

 這是成功綁定的事件圖

 

 至少,我這邊解決這個問題了

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

SVG相關的網址:https://developer.mozilla.org/zh-CN/docs/Web/SVG


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM