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 相关文章推荐
json-lib出现There is a cycle in the hierarchy解决办法
Feb 24 Javascript
有关js的变量作用域和this指针的讨论
Dec 16 Javascript
在父页面得到zTree已选中的节点的方法
Feb 12 Javascript
js图片卷帘门导航菜单特效代码分享
Sep 10 Javascript
js表单验证实例讲解
Mar 31 Javascript
关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
Jun 30 Javascript
jQuery根据ID、CLASS、等获取对象的实例
Dec 04 Javascript
jQuery与js实现颜色渐变的方法
Dec 30 Javascript
轻松玩转BootstrapTable(后端使用SpringMVC+Hibernate)
Sep 06 Javascript
ES6使用export和import实现模块化的方法
Sep 10 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
Mar 07 Javascript
JavaScript实现拖拽和缩放效果
Aug 24 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获取音频文件的相关信息
2015/06/22 PHP
php is_executable判断给定文件名是否可执行实例
2016/09/26 PHP
Jquery AJAX 框架的使用方法
2009/11/03 Javascript
Visual Studio中的jQuery智能提示设置方法
2010/03/27 Javascript
jquery实现加载等待效果示例
2013/09/25 Javascript
Node.js中AES加密和其它语言不一致问题解决办法
2014/03/10 Javascript
JS+CSS简单树形菜单实现方法
2015/09/12 Javascript
JS 数字转换为大写金额的简单实例
2016/08/04 Javascript
深入理解jquery中extend的实现
2016/12/22 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
2017/01/17 Javascript
基于Vue实现图书管理功能
2017/10/17 Javascript
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
2018/03/06 Javascript
nodejs实现解析xml字符串为对象的方法示例
2018/03/14 NodeJs
详解Vue.js iview实现树形权限表(可扩展表)
2018/09/30 Javascript
vue 子组件watch监听不到prop的解决
2020/08/09 Javascript
vue实现滚动鼠标滚轮切换页面
2020/12/13 Vue.js
js闭包的9个使用场景
2020/12/29 Javascript
[03:31]DOTA2英雄基础教程 大地之灵
2013/12/17 DOTA
Python使用pickle模块储存对象操作示例
2018/08/15 Python
Python3获取电脑IP、主机名、Mac地址的方法示例
2019/04/11 Python
django一对多模型以及如何在前端实现详解
2019/07/24 Python
flask实现验证码并验证功能
2019/12/05 Python
基于matplotlib xticks用法详解
2020/04/16 Python
h5页面唤起app如果没安装就跳转下载(iOS和Android)
2020/06/03 HTML / CSS
台湾前三大B2C购物网站:MOMO购物网
2017/04/27 全球购物
毕业生个人求职自荐信
2014/02/26 职场文书
中介业务员岗位职责
2014/04/09 职场文书
个人合作协议书范本
2014/04/18 职场文书
建筑工地门卫岗位职责
2014/04/30 职场文书
某某同志考察材料
2014/05/28 职场文书
劳动竞赛口号
2014/06/16 职场文书
教师学习党的群众路线教育实践活动心得体会
2014/10/31 职场文书
煤矿安全保证书
2015/02/27 职场文书
最感人的道歉情书
2015/05/12 职场文书
2015年领导班子工作总结
2015/05/23 职场文书
JavaScript的Set数据结构详解
2022/02/18 Javascript