如何在 post 加载时调用 vuejs 中的方法？

Question

我想在 vuejs 中调用一个方法，比如在加载所有插件的页面之后。我正在尝试这样调用，

mounted: function mounted() {
          this.callToLoggedUser();
        },

当我尝试这样做时，这个 f7 实例未定义。因为在mounted里面调用了一个方法，f7之前是没有机会加载的，但是通过onclick调用之后，f7实例就可以正常工作了。

callToLoggedUser() {
f7.mainView.router.load({url: '/welcome/'});
}

f7初始化后如何调用方法？

谢谢，

Answer 1

调用 mounted 时，DOM 尚未就绪。您应该在 DOM 操作完成后尝试使用 nextTick 调用：

https://vuejs.org/v2/guide/migration.html#ready-replaced

 mounted: function () {
  this.$nextTick(function () {
    this.callToLoggedUser();
  })
}

或者如果您只想调用一个函数，您可以使用更短的语法

 mounted: function () {
  this.$nextTick(this.callToLoggedUser)
}