vue自定义正在加载动画的例子


Posted in Javascript onNovember 14, 2019

如下所示:

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自定义正在加载动画的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Mootools 1.2教程 设置和获取样式表属性
Sep 15 Javascript
javascript 快速排序函数代码
May 30 Javascript
JavaScript NodeTree导航栏(菜单项JSON类型/自制)
Feb 01 Javascript
jquery easyui滚动条部分设置介绍
Sep 12 Javascript
jQuery 动态云标签插件
Nov 11 Javascript
高性能JavaScript 重排与重绘(2)
Aug 11 Javascript
浅谈Javascript数组(推荐)
May 17 Javascript
微信小程序 Template详解及简单实例
Jan 05 Javascript
js实现PC端根据IP定位当前城市地理位置
Feb 22 Javascript
封装微信小程序http拦截器过程解析
Aug 13 Javascript
小程序中this.setData的使用和注意事项
Aug 28 Javascript
uniapp开发小程序实现滑动页面控制元素的显示和隐藏效果
Dec 10 Javascript
如何在wxml中直接写js代码(wxs)
Nov 14 #Javascript
微信小程序云开发获取文件夹下所有文件(推荐)
Nov 14 #Javascript
Vue SPA 初次进入加载动画实现代码
Nov 14 #Javascript
构建大型 Vue.js 项目的10条建议(小结)
Nov 14 #Javascript
vue实现修改图片后实时更新
Nov 14 #Javascript
Vue中img的src是动态渲染时不显示的解决
Nov 14 #Javascript
JQuery发送ajax请求时中文乱码问题解决
Nov 14 #jQuery
You might like
php 取得瑞年与平年的天数的代码
2009/08/10 PHP
php数组函数序列之in_array() 查找数组值是否存在
2011/10/29 PHP
PHP 杂谈《重构-改善既有代码的设计》之三 重新组织数据
2012/04/09 PHP
php实现批量上传数据到数据库(.csv格式)的案例
2017/06/18 PHP
laravel 实现根据字段不同值做不同查询
2019/10/23 PHP
jQuery中文入门指南,翻译加实例,jQuery的起点教程
2007/02/09 Javascript
JS中 用户登录系统的解决办法
2013/04/15 Javascript
目前流行的JavaScript库的介绍及对比
2013/09/29 Javascript
简单js代码实现selece二级联动(推荐)
2014/02/18 Javascript
js实现楼层效果的简单实例
2016/07/15 Javascript
headjs实现网站并行加载但顺序执行JS
2016/11/29 Javascript
Ionic3 UI组件之Gallery Modal详解
2017/06/07 Javascript
对存在JavaScript隐式类型转换的四种情况的总结(必看篇)
2017/08/31 Javascript
使用webpack打包koa2 框架app
2018/02/02 Javascript
angularjs数组判断是否含有某个元素的实例
2018/02/27 Javascript
vue使用jsonp抓取qq音乐数据的方法
2018/06/21 Javascript
浅析vue-router原理
2018/10/19 Javascript
Vue.js 中的 v-show 指令及用法详解
2018/11/19 Javascript
JavaScript实现汉字转换为拼音及缩写的方法示例
2019/03/28 Javascript
详解小程序input框失焦事件在提交事件前的处理
2019/05/05 Javascript
layui 对table中的数据进行转义的实例
2019/09/12 Javascript
python 求1-100之间的奇数或者偶数之和的实例
2019/06/11 Python
Django缓存系统实现过程解析
2019/08/02 Python
python中设置超时跳过,超时退出的方式
2019/12/13 Python
MoviePy简介及Python视频剪辑自动化
2020/12/18 Python
HTML5+CSS3实例 :canvas 模拟实现电子彩票刮刮乐代码
2016/12/30 HTML / CSS
HTML5实现桌面通知 提示功能
2017/10/11 HTML / CSS
联想法国官方网站:Lenovo法国
2018/10/18 全球购物
本科生详细的自我评价
2013/09/19 职场文书
公务员培训自我鉴定
2014/02/01 职场文书
《雾凇》教学反思
2014/02/17 职场文书
遗嘱公证书标准样本
2014/04/08 职场文书
争当四好少年演讲稿
2014/09/13 职场文书
计算机实训报告总结
2014/11/05 职场文书
简历自我评价优缺点
2015/03/11 职场文书
创业计划书之农家乐
2019/10/09 职场文书