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 相关文章推荐
IE 缓存策略的BUG的解决方法
Jul 21 Javascript
基于jQuery的图片大小自动适应实现代码
Nov 17 Javascript
灵活应用js调试技巧解决样式问题的步骤分享
Mar 15 Javascript
模拟一个类似百度google的模糊搜索下拉列表
Apr 15 Javascript
jQuery读取XML文件内容的方法
Mar 09 Javascript
Jquery结合HTML5实现文件上传
Jun 25 Javascript
js实现的在线调色板功能完整实例
Dec 21 Javascript
微信小程序视图控件与bindtap之间的问题的解决
Apr 08 Javascript
详解babel升级到7.X采坑总结
May 12 Javascript
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
Jun 07 Javascript
前端Electron新手入门教程详解
Jun 21 Javascript
antd配置config-overrides.js文件的操作
Oct 31 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
便携利器 — TECSUN PL-365简评
2021/03/02 无线电
PHP 开源框架22个简单简介
2009/08/24 PHP
在Yii框架中使用PHP模板引擎Twig的例子
2014/06/13 PHP
php获得网站访问统计信息类Compete API用法实例
2015/04/02 PHP
Laravel 不同生产环境服务器的判断实践
2019/10/15 PHP
Mootools 1.2教程 输入过滤第二部分(字符串)
2009/09/15 Javascript
javascript 不间断的图片滚动并可点击
2010/01/15 Javascript
nodejs实用示例 缩址还原
2010/12/28 NodeJs
JavaScript下通过的XMLHttpRequest发送请求的代码
2011/06/28 Javascript
jquery简单瀑布流实现原理及ie8下测试代码
2013/01/23 Javascript
Extjs4 GridPanel 的几种样式使用介绍
2013/04/18 Javascript
jquery 列表双向选择器之改进版
2013/08/09 Javascript
JS生成不重复随机数组的函数代码
2014/06/10 Javascript
JavaScript中获取鼠标位置相关属性总结
2014/10/11 Javascript
js如何判断输入字符串长度
2015/12/16 Javascript
前端微信支付js代码
2016/07/25 Javascript
JS获取input file绝对路径的方法(推荐)
2016/08/02 Javascript
Angularjs的ng-repeat中去除重复数据的方法
2016/08/05 Javascript
vue-ajax小封装实例
2017/09/18 Javascript
Python使用cookielib模块操作cookie的实例教程
2016/07/12 Python
python3 json数据格式的转换(dumps/loads的使用、dict to str/str to dict、json字符串/字典的相互转换)
2019/04/01 Python
PyQt5实现简易电子词典
2019/06/25 Python
Python中remove漏删和索引越界问题的解决
2020/03/18 Python
浅谈python多线程和多线程变量共享问题介绍
2020/04/17 Python
html5中audio支持音频格式的解决方法
2018/08/24 HTML / CSS
曼联官方网上商店:Manchester United Direct
2017/07/28 全球购物
教师自我评价范文
2013/12/16 职场文书
电子信息工程专业自荐书
2014/06/24 职场文书
2014年发展党员工作总结
2014/11/12 职场文书
个人委托书范文
2015/01/28 职场文书
基于Python绘制子图及子图刻度的变换等的问题
2021/05/23 Python
Python import模块的缓存问题解决方案
2021/06/02 Python
Linux安装apache服务器的配置过程
2021/11/27 Servers
面试提问mysql一张表到底能存多少数据
2022/03/13 MySQL
如何通过简单的代码描述Angular父组件、子组件传值
2022/04/07 Javascript
前端使用svg图片改色实现示例
2022/07/23 HTML / CSS