vuejs2 - Vue 2 钩子(Hook)准备好了

标签 vuejs2

Vue 2,是否有一个生命周期钩子(Hook)实际上是指“完成渲染”?我想在进入页面时放置一个加载屏幕,一旦 Vue 完成加载所有内容,它就会消失并显示页面内容,但我已经尝试了大部分生命周期 Hook 但没有工作。如果updated,我会尝试这样做指“完成渲染”:

updated(){
  this.loaded()
},
methods:{
  loaded(){
    var vm = this;
    this.loading = false;
  }
}

如果没有这样的生命周期钩子(Hook),你会建议我做什么?谢谢

最佳答案

要确保所有子组件也已安装,请使用 vm.$nextTick - 比 setTimeout 干净得多:

mounted: function () {
  this.$nextTick(function () {
    // Code that will run only after the
    // entire view has been rendered
  })
}

来源:https://vuejs.org/v2/api/#Options-Lifecycle-Hooks

关于vuejs2 - Vue 2 钩子(Hook)准备好了,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41436523/

相关文章:

javascript - Vue slot 在 slot v-if 语句开始之前加载异步组件

javascript - 为什么我在 vue 中传递回调时不会丢失上下文?

Firebase Firestore 将时间戳作为空对象返回

vuejs2 - Mixin 在模板中工作但不是来自计算属性

node.js - Nuxt SSR项目使用100% CPU

javascript - 是否可以跨多个 DIV 拆分 ag-Grid?

javascript - Vue 中的 "Failed to mount component: template or render function not defined",尽管使用完整的编译器包

javascript - Nuxtjs如何在为组件导入css文件时为npm run generate配置webpack?

javascript - Vue.js 当只有一个根节点时存在多个根节点

vuejs2 - 如何在RouteUpdate导航守卫之前测试vue路由器?