我正在尝试访问 vuejs 生命周期的挂载钩子中的道具,但它似乎没有任何价值
我的(真正简化的)组件如下所示:
export default {
props: [
'columns',
],
mounted: function() {
console.log(this.columns)
}
}
Run Code Online (Sandbox Code Playgroud)
父级看起来像这样:
<script>
import DatatableHeader from './DatatableHeader.vue';
export default {
data: {
columns: [{'heading': 'Column 1'}, {'heading': 'Column 2'}]
},
components: {
'datatableheader' : DatatableHeader,
}
}
</script>
Run Code Online (Sandbox Code Playgroud)
组件正确呈现,但挂载函数的输出是一个空数组,对我来说似乎是时间问题。
难道我做错了什么?或者我应该使用不同的生命周期钩子。
谢谢!
所以我有一个与Laravel和模型继承有关的疯狂想法.我想配置一组具有单个父模型的模型,但是当我请求子模型时,我希望返回数据.例如,我将有一个父模型的联系人模型:
Contacts: id, first_name, last_name, imageRun Code Online (Sandbox Code Playgroud)
然后我会有一系列继承自Contacts的联系人类型.这些儿童模型中的每一个都有自己的一组领域(即我们加入时需要知道的成员等,但对于志愿者,我可能需要知道他们是否拥有最新的急救证书).这里有一些例子:
Members: contact_id, joined_on, birthday, medical_concerns
Volunteers: contact_id, current_first_aid, interests
Staff: contact_id, pay_rate
Run Code Online (Sandbox Code Playgroud)
我希望能够做到这样的事情:
$members = \App\Member::all();Run Code Online (Sandbox Code Playgroud)
并返回联系人AND成员数据,好像一切都是一行,如下所示:
+---+------------+-----------+-------+------------+------------+------------------+
|id | first_name | last_name | image | joined_on | birthday | medical_concerns |
+---+------------+-----------+-------+------------+------------+------------------+
| 1 | Fred | Bloggs | null | 2015-01-01 | 1993-10-22 | false |
| 2 | Jim | Phillips | null | 2016-04-30 | 1987-09-22 | true |
+---+------------+-----------+-------+------------+------------+------------------+
Run Code Online (Sandbox Code Playgroud)
为了使它更难一点,我希望所有适用于父母的关系都能为孩子工作.所以我可以这样做:
$members = \App\Member::find(1)->phoneRun Code Online (Sandbox Code Playgroud)
并且,即使成员模型没有为Phone模型定义关系,它也会返回与联系人相关的电话,因为父母有这种关系.
我还希望能够在检索数据时指定不属于子项的列,并且不会让Laravel抛出错误:
$members = …Run Code Online (Sandbox Code Playgroud)