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 相关文章推荐
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
Jan 23 Javascript
jQuery中animate()方法用法实例
Dec 24 Javascript
JavaScript获取当前时间向前推三个月的方法示例
Feb 04 Javascript
Vue.js在数组中插入重复数据的实现代码
Nov 17 Javascript
原生JS实现的轮播图功能详解
Aug 06 Javascript
微信小程序内拖动图片实现移动、放大、旋转的方法
Sep 04 Javascript
TypeScript基础入门教程之三重斜线指令详解
Oct 22 Javascript
JS中的算法与数据结构之字典(Dictionary)实例详解
Aug 20 Javascript
利用React高阶组件实现一个面包屑导航的示例
Aug 23 Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
Oct 29 Javascript
antd Select下拉菜单动态添加option里的内容操作
Nov 02 Javascript
一篇文章告诉你如何实现Vue前端分页和后端分页
Feb 18 Vue.js
如何在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
Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 2611816 bytes)
2014/11/08 PHP
PHP下载远程图片的几种方法总结
2017/04/07 PHP
PHP与JavaScript针对Cookie的读写、交互操作方法详解
2017/08/07 PHP
PHP区块查询实现方法分析
2018/05/12 PHP
在js中单选框和复选框获取值的方式
2009/11/06 Javascript
javascript下数值型比较难点说明
2010/06/07 Javascript
Jquery ThickBox插件使用心得(不建议使用)
2010/09/08 Javascript
JavaScript获取按钮所在form表单id的方法
2015/04/02 Javascript
SWFObject基本用法实例分析
2015/07/20 Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
2015/10/16 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
2016/12/03 Javascript
深入理解Webpack 中路径的配置
2017/06/17 Javascript
Vue ElementUI之Form表单验证遇到的问题
2017/08/21 Javascript
JavaScript日期工具类DateUtils定义与用法示例
2018/09/03 Javascript
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
2019/10/30 Javascript
Node中对非阻塞I/O、事件循环的知识点总结
2020/01/05 Javascript
Vue.js仿Select下拉框效果
2020/02/18 Javascript
JavaScript实现多个物体同时运动
2020/03/12 Javascript
JS倒计时两种实现方式代码实例
2020/07/27 Javascript
封装Vue Element的table表格组件的示例详解
2020/08/19 Javascript
Vue与React的区别和优势对比
2020/12/18 Vue.js
Python中使用SAX解析xml实例
2014/11/21 Python
Python环境下搭建属于自己的pip源的教程
2016/05/05 Python
Python中基础的socket编程实战攻略
2016/06/01 Python
详解Python实现多进程异步事件驱动引擎
2017/08/25 Python
wxPython实现整点报时
2019/11/18 Python
python基于plotly实现画饼状图代码实例
2019/12/16 Python
htnl5利用svg页面高斯模糊的方法
2018/07/20 HTML / CSS
3种方式实现瀑布流布局小结
2019/09/05 HTML / CSS
Zavvi美国:英国娱乐之家
2017/03/19 全球购物
德国拖鞋网站:German Slippers
2019/11/08 全球购物
函数指针的定义是什么
2016/08/14 面试题
软件测试英文面试题
2012/10/14 面试题
高中军训感言800字
2014/03/05 职场文书
2015年秋季小学开学典礼主持词
2015/07/16 职场文书
详解Python为什么不用设计模式
2021/06/24 Python