From 45f5b865fa01b230ce51b4b5564dc67093889966 Mon Sep 17 00:00:00 2001 From: nameRoy <1604829774@qq.com> Date: Sun, 30 Oct 2022 20:51:07 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=9C=A8=E7=BB=84?= =?UTF-8?q?=E4=BB=B6=E7=9A=84mounted()=E6=96=B9=E6=B3=95=E4=B8=AD=E5=8A=A0?= =?UTF-8?q?=E8=BD=BD=E4=BC=9A=E5=87=BA=E9=94=99=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/loading-bar/loading-bar.js | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/src/components/loading-bar/loading-bar.js b/src/components/loading-bar/loading-bar.js index 03d033504..02a7d5878 100644 --- a/src/components/loading-bar/loading-bar.js +++ b/src/components/loading-bar/loading-bar.js @@ -1,4 +1,4 @@ -import { createApp, h, getCurrentInstance } from 'vue'; +import { createApp, h, getCurrentInstance, nextTick } from 'vue'; import LoadingBar from './loading-bar.vue'; import { isClient } from '../../utils/index'; @@ -25,10 +25,15 @@ LoadingBar.newInstance = properties => { const container = document.createElement('div'); document.body.appendChild(container); Instance.mount(container); - const loading_bar = _instance.refs.loadingBar; + + let loading_bar; + nextTick(() => { + loading_bar = _instance.refs.loadingBar; + }) return { - update (options) { + update(options) { + if (!loading_bar) return; if ('percent' in options) { loading_bar.percent = options.percent; }