Vue js 组件加载

Question

我正在使用带有 laravel 5.2 的 Vuejs 1.0 作为我的一个应用程序的技术堆栈。 我有一些大型 forms 涉及一些基于 vue 组件的元素，如日期选择器和签名板，它可以在同一个表单上多次出现。

我面临的问题是，有时所有组件都没有被渲染，当提交那些半加载的 forms 时，它会导致其他问题。 因此，我正在寻找一个选项，仅当页面上的所有组件都已加载并且如果有任何组件在加载时出现问题，我可以通过该选项启用提交按钮，我可以指示用户通过警报弹出窗口或其他方式重新加载。

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;
    }
}