小编TKD*_*D21的帖子

我一直在尝试在 Vuetify 中创建一个简单的框架加载器，该加载器在加载文档资源（如图像）时显示，然后<v-card>在所有内容完全加载时隐藏（替换为 ）。

目前，我有这个<v-skeleton-loader>：

<v-skeleton-loader v-if="loading == true" :loading="loading" transition="fade-transition" type="card">
</v-skeleton-loader>

我的v-card元素使用v-show如下：

<v-card max-width="344" v-show="loaded">

对于反应性属性，我有：

data: () => ({
    loading: true,
    loaded: false
})

updated我正在尝试使用Vue.js 的生命周期挂钩更新这些属性的值：

updated: function() {
    if (document.readyState == 'complete') {
        this.loading = false;
        this.loaded = true;
    }

}

目前，Vue Devtools 告诉我，这些属性并未使用钩子中定义的新值进行更新updated。readyState我该如何更改它，以便在DOM 更改为 时正确更新值complete？