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 相关文章推荐
javascript编程起步(第五课)
Feb 27 Javascript
js返回上一页并刷新的多种实现方法
Feb 26 Javascript
js身份证判断方法支持15位和18位
Mar 18 Javascript
JavaScript中用sort()方法对数组元素进行排序的操作
Jun 09 Javascript
JS仿淘宝实现的简单滑动门效果代码
Oct 14 Javascript
JS原型、原型链深入理解
Feb 27 Javascript
微信小程序 滚动到某个位置添加class效果实现代码
Apr 19 Javascript
jquery实现图片上传前本地预览
Apr 28 jQuery
Angular4绑定html内容出现警告的处理方法
Nov 03 Javascript
js 计算图片内点个数的示例代码
Apr 04 Javascript
小程序使用watch监听数据变化的方法详解
Sep 20 Javascript
vue路由权限校验功能的实现代码
Jun 07 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
使用Sphinx对索引进行搜索
2013/06/25 PHP
一个简单安全的PHP验证码类 附调用方法
2016/06/24 PHP
Zend Framework数据库操作技巧总结
2017/02/18 PHP
测试JavaScript字符串处理性能的代码
2009/12/07 Javascript
JavaScript 判断指定字符串是否为有效数字
2010/05/11 Javascript
jQuery 常见操作实现方式和常用函数方法总结
2011/05/06 Javascript
jQuery EasyUI 布局之动态添加tabs标签页
2015/11/18 Javascript
移动端js图片查看器
2016/11/17 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
2016/12/28 Javascript
node.js 用socket实现聊天的示例代码
2017/10/17 Javascript
Angularjs 手写日历的实现代码(不用插件)
2017/10/18 Javascript
vue.js中引入vuex储存接口数据及调用的详细流程
2017/12/14 Javascript
vuex 使用文档小结篇
2018/01/11 Javascript
JavaScript之实现一个简单的Vue示例
2019/01/17 Javascript
JS中封装axios来管控api的2种方式
2019/09/11 Javascript
详解js中的几种常用设计模式
2020/07/16 Javascript
vue mvvm数据响应实现
2020/11/11 Javascript
简单了解OpenCV是个什么东西
2017/11/10 Python
python使用参数对嵌套字典进行取值的方法
2019/04/26 Python
numpy linalg模块的具体使用方法
2019/05/26 Python
python点击鼠标获取坐标(Graphics)
2019/08/10 Python
python制作朋友圈九宫格图片
2019/11/03 Python
Keras 数据增强ImageDataGenerator多输入多输出实例
2020/07/03 Python
对Pytorch 中的contiguous理解说明
2021/03/03 Python
canvas之自定义头像功能实现代码示例
2017/09/29 HTML / CSS
董事长助理岗位职责
2014/02/18 职场文书
我的画教学反思
2014/04/28 职场文书
学校周年庆活动方案
2014/08/22 职场文书
2015大学迎新标语
2015/07/16 职场文书
贷款担保书范本
2015/09/22 职场文书
表扬稿表扬信的格式及范文
2019/06/24 职场文书
教你用eclipse连接mysql数据库
2021/04/22 MySQL
一条慢SQL语句引发的改造之路
2022/03/16 MySQL
「魔导具师妲莉亚永不妥协~从今天开始的自由职人生活~」1、2卷发售宣传CM公开
2022/03/21 日漫
Python中 range | np.arange | np.linspace三者的区别
2022/03/22 Python
面试官问我Mysql的存储引擎了解多少
2022/08/05 MySQL