vue自定义正在加载动画的例子
更新时间:2019年11月14日 09:57:11 作者:aliven1
今天小编就为大家分享一篇vue自定义正在加载动画的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
如下所示:
loadingTimer(){ clearInterval(this.$el.loading_timer); const rotate_angle=30,speed=90; this.$el.loading_timer=setInterval(()=>{ const rotate_el=this.$el.querySelector('.rotate'); /*获得当前元素是transform值*/ let origin_angle=rotate_el.style.transform; if(origin_angle){ origin_angle=Number.parseInt(origin_angle.replace(/[^0-9]/ig,'')); }else{ origin_angle=rotate_angle; }; rotate_el.style.transform=`rotate(${origin_angle+rotate_angle}deg)`; console.log(1231264); },speed) }
以上这篇vue自定义正在加载动画的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
Vue重要修饰符.sync对比v-model的区别及使用详解
这篇文章主要为大家介绍了Vue中重要修饰符.sync与v-model的区别对比及使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2022-07-07
最新评论