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 相关文章推荐
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
Nov 11 Javascript
js键盘事件的keyCode
Jul 29 Javascript
jquery中获取元素里某一特定子元素的代码
Dec 02 Javascript
jQuery控制Div拖拽效果完整实例分析
Apr 15 Javascript
jquery插件unobtrusive实现片段式加载
Jun 15 Javascript
JavaScript实现带箭头标识的多级下拉菜单效果
Aug 27 Javascript
基于JavaScript实现表单密码的隐藏和显示出来
Mar 02 Javascript
js控制TR的显示隐藏
Mar 04 Javascript
JS函数修改html的元素内容,及修改属性内容的方法
Oct 28 Javascript
基于Angular.js实现的触摸滑动动画实例代码
Feb 19 Javascript
Angular 数据请求的实现方法
May 07 Javascript
修改vue源码实现动态路由缓存的方法
Jan 21 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
set_include_path在win和linux下的区别
2008/01/10 PHP
Ajax PHP简单入门教程代码
2008/04/25 PHP
php自动跳转中英文页面
2008/07/29 PHP
PHP仿博客园 个人博客(2) 数据库增添改删
2013/07/05 PHP
Laravel最佳分割路由文件(routes.php)的方式
2016/08/04 PHP
微信支付之JSAPI公众号支付详解
2019/05/15 PHP
让焦点自动跳转
2006/07/01 Javascript
jquery获取自定义属性(attr和prop)实例介绍
2013/04/21 Javascript
javascript数组输出的两种方式
2015/01/13 Javascript
jQuery读取XML文件内容的方法
2015/03/09 Javascript
Grunt入门教程(自动任务运行器)
2015/08/06 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
2015/11/07 Javascript
轻松理解Javascript变量的相关问题
2017/01/20 Javascript
Node.js中流(stream)的使用方法示例
2017/07/16 Javascript
vue项目base64字符串转图片的实现代码
2018/07/13 Javascript
Vuex 模块化使用详解
2019/07/31 Javascript
放弃 Python 转向 Go语言有人给出了 9 大理由
2017/10/20 Python
matplotlib实现区域颜色填充
2019/03/18 Python
python3发送邮件需要经过代理服务器的示例代码
2019/07/25 Python
python 实现return返回多个值
2019/11/19 Python
使用Python的datetime库处理时间(RPA流程)
2019/11/24 Python
详解python中各种文件打开模式
2020/01/19 Python
OpenCV4.1.0+VS2017环境配置的方法步骤
2020/07/09 Python
使用Python Tkinter实现剪刀石头布小游戏功能
2020/10/23 Python
Python实现钉钉/企业微信自动打卡的示例代码
2021/02/02 Python
基于css3的属性transition制作菜单导航效果
2015/09/01 HTML / CSS
HTML中fieldset标签概述及使用方法
2013/02/01 HTML / CSS
采购部岗位职责
2013/11/24 职场文书
我的五年职业生涯规划
2014/01/23 职场文书
校长竞聘演讲稿
2014/05/16 职场文书
2015学习委员工作总结范文
2015/04/03 职场文书
2015年会计年终工作总结
2015/05/26 职场文书
入党积极分子培养人意见
2015/06/02 职场文书
正确的理解和使用Django信号(Signals)
2021/04/14 Python
Windows server 2012 NTP时间同步的实现
2022/06/25 Servers
jdbc中自带MySQL 连接池实践示例
2022/07/23 MySQL