vue自定義正在加載動(dòng)畫的例子
更新時(shí)間：2019年11月14日 09:57:11 作者：aliven1
今天小編就為大家分享一篇vue自定義正在加載動(dòng)畫的例子，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示：
loadingTimer(){
clearInterval(this.$el.loading_timer);
const rotate_angle=30,speed=90;
this.$el.loading_timer=setInterval(()=>{
const rotate_el=this.$el.querySelector('.rotate');
/*獲得當(dāng)前元素是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自定義正在加載動(dòng)畫的例子就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue2項(xiàng)目使用exceljs多表頭導(dǎo)出功能詳解
ExcelJS是一個(gè)用于在Node.js和瀏覽器中創(chuàng)建、讀取和修改Excel文件的強(qiáng)大JavaScript庫,下面這篇文章主要給大家介紹了關(guān)于vue2項(xiàng)目使用exceljs多表頭導(dǎo)出功能的相關(guān)資料,需要的朋友可以參考下2024-05-05
這篇文章主要介紹了Vue.js暴露方法給WebView的使用操作，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
本篇文章主要介紹了Vue-cli代理解決跨域問題，詳細(xì)的介紹了Vue如何設(shè)置代理，具有一定參考價(jià)值，有興趣的可以了解一下2017-09-09
這篇文章主要介紹了vue中的slot與slot-scope的相關(guān)知識，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-04-04
今天小編就為大家分享一篇Vue axios設(shè)置訪問基礎(chǔ)路徑方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了Electron + vue 打包桌面操作流程,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-06-06
Windows系統(tǒng)下使用nginx部署vue2項(xiàng)目的全過程
nginx是一個(gè)高性能的HTTP和反向代理服務(wù)器,因此常用來做靜態(tài)資源服務(wù)器和后端的反向代理服務(wù)器,下面這篇文章主要給大家介紹了關(guān)于Windows系統(tǒng)下使用nginx部署vue2項(xiàng)目的相關(guān)資料,需要的朋友可以參考下2023-03-03
這篇文章主要介紹了ESLint 是如何檢查 .vue 文件的，幫助大家更好的理解和使用ESLINT，感興趣的朋友可以了解下2020-11-11
vue中v-model動(dòng)態(tài)生成的實(shí)例詳解
這篇文章主要介紹了vue中v-model動(dòng)態(tài)生成的實(shí)例詳解的相關(guān)資料,希望通過本文能幫助到大家，讓大家理解掌握這部分內(nèi)容，需要的朋友可以參考下2017-10-10
這篇文章主要介紹了Vue中跨域以及打包部署到nginx跨域設(shè)置方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-08-08