如下所示:
創(chuàng)新互聯(lián)是工信部頒發(fā)資質(zhì)IDC服務(wù)器商,為用戶提供優(yōu)質(zhì)的綿陽電信機(jī)房機(jī)柜租用服務(wù)
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è)參考,也希望大家多多支持創(chuàng)新互聯(lián)。
本文標(biāo)題:vue自定義正在加載動(dòng)畫的例子
鏈接分享:http://www.jbt999.com/article2/ihpgoc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)公司、小程序開發(fā)、網(wǎng)站改版、全網(wǎng)營銷推廣、虛擬主機(jī)、商城網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)