Vue js组件加载

Question

我使用Vuejs1.0和Laravel5.2作为我的一个应用程序的技术栈。我有一些大的表单，其中涉及到一些基于vue组件的元素，如数据启动器和签名垫，它可以在同一表单上出现多次。

我面临的问题是，有时所有组件都没有呈现，当提交这些半加载的表单时，它会引发其他问题。因此，我正在寻找一个选项，通过这个选项，我可以启用提交按钮，只有当页面上的所有组件已经加载，如果有任何组件在加载中有问题，我可以指示用户重新加载通过警报弹出或其他。

Answer 1

如何在组件上附加一个生命周期钩子mounted()并在组件挂载后触发一个事件。

在模板中

<component @hook:mounted="doSomething"></component>

在脚本中

methods: {
    doSomething() {
        // assign a true value to a flag which will enable the submit button.
        this.isSubmitEnabled = true;
    }
}