文章詳情頁(yè)
vue 實(shí)現(xiàn)element-ui中的加載中狀態(tài)
瀏覽:2日期:2022-11-01 15:21:50
需要添加加載狀態(tài),調(diào)用下面方法即可
//開啟loadingconst load = _this.$loading({lock: true,text: ’Loading’,spinner: ’el-icon-loading’,background: ’rgba(0, 0, 0, 0.7)’});//關(guān)閉loadingload.close();
補(bǔ)充知識(shí):在vue中使用element-ui 里面的按鈕點(diǎn)擊后顯示加載中,防止重復(fù)提交
第一步:
第二步:
第三步:
效果
以上這篇vue 實(shí)現(xiàn)element-ui中的加載中狀態(tài)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。
標(biāo)簽:
Vue
相關(guān)文章:
1. html小技巧之td,div標(biāo)簽里內(nèi)容不換行2. 使用css實(shí)現(xiàn)全兼容tooltip提示框3. 詳解盒子端CSS動(dòng)畫性能提升4. CSS hack用法案例詳解5. 告別AJAX實(shí)現(xiàn)無(wú)刷新提交表單6. CSS Hack大全-教你如何區(qū)分出IE6-IE10、FireFox、Chrome、Opera7. 讀大數(shù)據(jù)量的XML文件的讀取問(wèn)題8. 詳解瀏覽器的緩存機(jī)制9. HTML DOM setInterval和clearInterval方法案例詳解10. XML入門的常見(jiàn)問(wèn)題(一)
排行榜
