vue 利用element-ui如何實(shí)現(xiàn)一個(gè)加載中效果

發(fā)布時(shí)間：2020-11-12 15:12:26 來源：億速云閱讀：602 作者：Leah 欄目：開發(fā)技術(shù)

本篇文章為大家展示了vue 利用element-ui如何實(shí)現(xiàn)一個(gè)加載中效果，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

需要添加加載狀態(tài)，調(diào)用下面方法即可

//開啟loading
const load = _this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
//關(guān)閉loading
load.close();

補(bǔ)充知識(shí)：在vue中使用element-ui 里面的按鈕點(diǎn)擊后顯示加載中，防止重復(fù)提交

第一步：

vue 利用element-ui如何實(shí)現(xiàn)一個(gè)加載中效果

第二步：

vue 利用element-ui如何實(shí)現(xiàn)一個(gè)加載中效果

第三步：

vue 利用element-ui如何實(shí)現(xiàn)一個(gè)加載中效果

效果

vue 利用element-ui如何實(shí)現(xiàn)一個(gè)加載中效果

上述內(nèi)容就是vue 利用element-ui如何實(shí)現(xiàn)一個(gè)加載中效果，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

vue 利用element-ui如何實(shí)現(xiàn)一個(gè)加載中效果

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽