vue.js - 如何在加载后调用 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://v2.vuejs.org/v2/guide/migration.html#ready-replaced

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

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

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