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 相关文章推荐
使用EXT实现无刷新动态调用股票信息
Nov 01 Javascript
Jquery 组合form元素为json格式,asp.net反序列化
Jul 09 Javascript
Jquery 表单取值赋值的一些基本操作
Oct 11 Javascript
javascript 动态设置已知select的option的value值的代码
Dec 16 Javascript
JavaScript显示当然日期和时间即年月日星期和时间
Oct 29 Javascript
Javascript浅谈之引用类型
Dec 18 Javascript
JS中setTimeout的巧妙用法前端函数节流
Mar 24 Javascript
关于cookie的初识和运用(js和jq)
Apr 07 Javascript
angular2系列之路由转场动画的示例代码
Nov 09 Javascript
利用Javascript实现一套自定义事件机制
Dec 14 Javascript
vue中如何实现pdf文件预览的方法
Jul 12 Javascript
LayUI表格批量删除方法
Aug 15 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
全国FM电台频率大全 - 24 贵州省
2020/03/11 无线电
php中几种常见安全设置详解
2010/04/06 PHP
php中将网址转换为超链接的函数
2011/09/02 PHP
php遍历文件夹下的所有文件和子文件夹示例
2014/03/20 PHP
php中实现精确设置session过期时间的方法
2014/07/17 PHP
php实现根据IP地址获取其所在省市的方法
2015/04/30 PHP
反射调用private方法实践(php、java)
2015/12/21 PHP
PHP.vs.JAVA
2016/04/29 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
Laravel5.5+ 使用API Resources快速输出自定义JSON方法详解
2020/04/06 PHP
js判断是否为数组的函数: isArray()
2011/10/30 Javascript
JavaScript中的bold()方法使用详解
2015/06/08 Javascript
非常实用的vue导航钩子
2017/03/20 Javascript
Vue自定义图片懒加载指令v-lazyload详解
2020/12/31 Javascript
JS实现汉字与Unicode码相互转换的方法详解
2017/04/28 Javascript
详解ES6之async+await 同步/异步方案
2017/09/19 Javascript
React Native基础入门之初步使用Flexbox布局
2018/07/02 Javascript
react native 文字轮播的实现示例
2018/07/27 Javascript
vue实现图片预览组件封装与使用
2019/07/13 Javascript
python在命令行下使用google翻译(带语音)
2014/01/16 Python
python完成FizzBuzzWhizz问题(拉勾网面试题)示例
2014/05/05 Python
Python语言实现获取主机名根据端口杀死进程
2016/03/31 Python
python遍历目录的方法小结
2016/04/28 Python
在python里协程使用同步锁Lock的实例
2019/02/19 Python
python3.7 的新特性详解
2019/07/25 Python
Python线上环境使用日志的及配置文件
2019/07/28 Python
Pytorch中Tensor与各种图像格式的相互转化详解
2019/12/26 Python
Pycharm+Python工程,引用子模块的实现
2020/03/09 Python
如何在Python3中使用telnetlib模块连接网络设备
2020/09/21 Python
is_file和file_exists效率比较
2021/03/14 PHP
美国花园雕像和家居装饰网上商店:Design Toscano
2019/03/09 全球购物
Pandora德国官网:购买潘多拉手链、戒指、项链和耳环
2020/02/20 全球购物
幼儿教师考核制度
2014/01/25 职场文书
yy婚礼司仪主持词
2014/03/14 职场文书
2019年预备党员的思想汇报:加深对党的认知
2019/09/25 职场文书
排查MySQL生产环境索引没有效果
2022/04/11 MySQL