Vue Material - 数据获取中的 MdTable 初始化错误
Vue Material - MdTable initialization error in data fetching
如我所说 here，我正在尝试获取远程数据以初始化 MdTable 组件，但该过程抛出 null 错误。从 MySQL 数据库中获取数据，这是 Laravel 5.6 API 项目的一部分。
经过深入分析，我认为问题是由于组件本身在获取过程完成之前过早初始化引起的。所以，管理组件数据的模型结果为空，渲染崩溃。
我尝试了不同的方法：导航由 Vue-Router 管理，因此两种 Before/After Navigation data fetching 技术都已测试，结果相同。使用父组件的 props，以及定义组件导航守卫，似乎都无法避免这个问题。
我认为解决方案可能是在获取数据之前暂停组件渲染。但我真的不明白如何。我也尝试过 beforeCreate()/created()，但其中 none 有帮助。
我在这种情况下被困了很多天，非常感谢您提供一些帮助或建议来尝试一个新的方向。
在此先感谢您的帮助。
As I stated here，由于我的实现中存在语法错误：
[...]
<md-table-cell v-for="(val, i) in item" :key="val.id" v-if="(i !== 'id') && (i !==
'estensione_garanzia') && (i !== 'note')"
[...]
属性 :key="val.id" 配置错误。在这种情况下，我正在迭代一个对象数组 - 没有嵌套它们 - 因此所选元素上没有 sub-属性 id 。有关详细信息，official doc 显示了完整示例
通过像这样更改属性：
:key="val.id"
一切正常。
如我所说 here，我正在尝试获取远程数据以初始化 MdTable 组件，但该过程抛出 null 错误。从 MySQL 数据库中获取数据，这是 Laravel 5.6 API 项目的一部分。
经过深入分析，我认为问题是由于组件本身在获取过程完成之前过早初始化引起的。所以，管理组件数据的模型结果为空，渲染崩溃。
我尝试了不同的方法：导航由 Vue-Router 管理，因此两种 Before/After Navigation data fetching 技术都已测试，结果相同。使用父组件的 props，以及定义组件导航守卫，似乎都无法避免这个问题。
我认为解决方案可能是在获取数据之前暂停组件渲染。但我真的不明白如何。我也尝试过 beforeCreate()/created()，但其中 none 有帮助。
我在这种情况下被困了很多天，非常感谢您提供一些帮助或建议来尝试一个新的方向。
在此先感谢您的帮助。
As I stated here，由于我的实现中存在语法错误：
[...]
<md-table-cell v-for="(val, i) in item" :key="val.id" v-if="(i !== 'id') && (i !==
'estensione_garanzia') && (i !== 'note')"
[...]
属性 :key="val.id" 配置错误。在这种情况下，我正在迭代一个对象数组 - 没有嵌套它们 - 因此所选元素上没有 sub-属性 id 。有关详细信息，official doc 显示了完整示例
通过像这样更改属性：
:key="val.id"
一切正常。