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 相关文章推荐
取键盘键位ASCII码的网页
Jul 30 Javascript
jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
Mar 21 Javascript
浏览器中url存储的JavaScript实现
Jul 07 Javascript
jQuery实现的鼠标滑过弹出放大图片特效
Jan 08 Javascript
用window.onerror捕获并上报Js错误的方法
Jan 27 Javascript
几种tab切换详解
Feb 03 Javascript
angular中ui calendar的一些使用心得(推荐)
Nov 03 Javascript
基于Vue开发数字输入框组件
Dec 19 Javascript
vue中的$emit 与$on父子组件与兄弟组件的之间通信方式
May 13 Javascript
浅谈angularJs函数的使用方法(大小写转换,拷贝,扩充对象)
Oct 08 Javascript
用vuex写了一个购物车H5页面的示例代码
Dec 04 Javascript
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
Sep 28 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设计模式 FlyWeight (享元模式)
2011/06/26 PHP
ThinkPHP利用PHPMailer实现邮件发送实现代码
2013/09/26 PHP
linux下为php添加iconv模块的方法
2016/02/28 PHP
浅谈PHP的排列组合(如输入a,b,c 输出他们的全部组合)
2017/03/14 PHP
用JS实现一个页面多个css样式实现
2008/05/29 Javascript
javascript闭包传参和事件的循环绑定示例探讨
2014/04/17 Javascript
jQuery插件简单实现方法
2015/07/18 Javascript
微信小程序 wx.request(接口调用方式)详解及实例
2016/11/23 Javascript
vue系列之动态路由详解【原创】
2017/09/10 Javascript
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
2017/11/01 Javascript
关于vue-router的那些事儿
2018/05/23 Javascript
vue中引用swiper轮播插件的教程详解
2018/08/16 Javascript
JavaScript基础教程之如何实现一个简单的promise
2018/09/11 Javascript
浅谈VUE防抖与节流的最佳解决方案(函数式组件)
2019/05/22 Javascript
JS实现秒杀倒计时特效
2020/01/02 Javascript
jQuery表单校验插件validator使用方法详解
2020/02/18 jQuery
Vue3.0的优化总结
2020/10/16 Javascript
python创建关联数组(字典)的方法
2015/05/04 Python
Python模块结构与布局操作方法实例分析
2017/07/24 Python
python 常用的基础函数
2018/07/10 Python
Python 读写文件的操作代码
2018/09/20 Python
对python pandas读取剪贴板内容的方法详解
2019/01/24 Python
Python 利用切片从列表中取出一部分使用的方法
2019/02/01 Python
Python Gluon参数和模块命名操作教程
2019/12/18 Python
Django 路由层URLconf的实现
2019/12/30 Python
OpenCV 表盘指针自动读数的示例代码
2020/04/10 Python
keras 实现轻量级网络ShuffleNet教程
2020/06/19 Python
python爬虫用mongodb的理由
2020/07/28 Python
法国购买二手电子产品网站:Asgoodasnew
2020/03/27 全球购物
武汉世纪畅想数字传播有限公司.NET笔试题
2014/07/22 面试题
电大自我鉴定范文
2013/10/01 职场文书
培训班主持词
2014/03/28 职场文书
父亲婚礼答谢词
2015/01/04 职场文书
财务人员个人工作总结
2015/02/27 职场文书
工伤劳动仲裁代理词
2015/05/25 职场文书
《家世》读后感:看家训的力量
2019/12/30 职场文书