欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

element-plus dialog v-loading不生效問題及解決

 更新時(shí)間:2023年03月30日 14:48:15   作者:K歌、之王  
這篇文章主要介紹了element-plus dialog v-loading不生效問題及解決方案,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

element-plus dialog v-loading不生效

使用版本

“element-plus”: “1.3.0-beta.4”

問題

el-dialog的v-loading 這樣使用沒反應(yīng)。

在這里插入圖片描述

解決

定義ref 并使用 ElLoading.service

在這里插入圖片描述

setup定義

const me = ref(null)
ElLoading.service({ target: me.value.dialogRef })

補(bǔ)充

今天我試了下最新版本 “element-plus”: “^2.1.6”, 然后 me.value.dialogRef 獲取不到了。。。

element-plus el-dialog使用v-loading指令失效

目前解決方法是使用實(shí)例,效果是整個(gè)dialog模塊存在loading,包括header,footer,內(nèi)容和右上關(guān)閉按鈕

// html
<el-dialog v-model="dialogVisible" custom-class="demo" @opened="initDialog">1111</el-dialog>
?
// ts
const initDialog = () => {
? // 用服務(wù)生成一個(gè)el-loading實(shí)例,包括了自定義svg的指令如何在服務(wù)中使用
? let demo = ElLoading.service({ target: '.demo', text: '加載中...', background: 'rgba(122, 122, 122, 0.1)', svg: svg, 'svgViewBox': '-10, -10, 50, 50' })
? setTimeout(() => {
? ? // 延時(shí)執(zhí)行關(guān)閉,對應(yīng)dom清除,如要再使用loading,需重新生成新實(shí)例
? ? demo.close()
? }, 5000)
}

總結(jié)

以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • vue中wangEditor5編輯器的基本使用

    vue中wangEditor5編輯器的基本使用

    wangEditor是一個(gè)輕量級(jí)web富文本編輯器,配置方便,使用簡單,下面這篇文章主要給大家介紹了關(guān)于vue中wangEditor5編輯器的基本使用,文中通過圖文以及實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-03-03
  • 實(shí)例解析Vue.js下載方式及基本概念

    實(shí)例解析Vue.js下載方式及基本概念

    vue是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。接下來通過本文給大家分享Vue.js下載方式及基本概念,感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧
    2018-05-05
  • vue中axios實(shí)現(xiàn)數(shù)據(jù)交互與跨域問題

    vue中axios實(shí)現(xiàn)數(shù)據(jù)交互與跨域問題

    這篇文章主要介紹了vue中axios實(shí)現(xiàn)數(shù)據(jù)交互與跨域問題,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下
    2019-05-05
  • vue在響應(yīng)頭response中獲取自定義headers操作

    vue在響應(yīng)頭response中獲取自定義headers操作

    這篇文章主要介紹了vue在響應(yīng)頭response中獲取自定義headers操作,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-07-07
  • vue element后臺(tái)鑒權(quán)流程分析

    vue element后臺(tái)鑒權(quán)流程分析

    這篇文章主要介紹了vue element后臺(tái)鑒權(quán)流程分析,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2021-04-04
  • vue-antd?form組件封裝全過程

    vue-antd?form組件封裝全過程

    這篇文章主要介紹了vue-antd?form組件封裝全過程,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-04-04
  • vue 插值 v-once,v-text, v-html詳解

    vue 插值 v-once,v-text, v-html詳解

    這篇文章主要介紹了vue 插值 v-once,v-text, v-html詳解,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-01-01
  • vue3?動(dòng)態(tài)綁定背景圖片方法示例

    vue3?動(dòng)態(tài)綁定背景圖片方法示例

    這篇文章主要為大家介紹了vue3動(dòng)態(tài)綁定背景圖片實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-10-10
  • elementui+vue+axios實(shí)現(xiàn)文件上傳本地服務(wù)器

    elementui+vue+axios實(shí)現(xiàn)文件上傳本地服務(wù)器

    這篇文章主要為大家詳細(xì)介紹了elementui+vue+axios實(shí)現(xiàn)文件上傳本地服務(wù)器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-08-08
  • Vue頁面監(jiān)聽鍵盤按鍵的方法總結(jié)

    Vue頁面監(jiān)聽鍵盤按鍵的方法總結(jié)

    在Vue頁面中,可以使用多種方法來監(jiān)聽鍵盤按鍵,這篇文章主要為大家整理了五種常用的方法,文中的示例代碼講解詳細(xì),需要的小伙伴可以參考下
    2023-10-10

最新評論