如何在VueJS2中访问父模型值？

Question

我肯定我不是唯一一个对VueJS2有这个问题的人。

我使用axios返回一个“person”数组，如何从person的父模型(公司)访问"name“属性？

在laravel中，我可以这样访问它：$person -> company -> name

但是如果我在person.company.name中使用VueJs2，就会产生一个错误。请帮帮忙，非常感谢！

错误是：

vue.js:526 TypeError: Cannot read property 'name' of undefined
at eval (eval at makeFunction (vue.js:9263), <anonymous>:2:662)
at Proxy.renderList (vue.js:3647)
at Proxy.eval (eval at makeFunction (vue.js:9263), <anonymous>:2:507)
at VueComponent.Vue._render (vue.js:3873)
at VueComponent.updateComponent (vue.js:2419)
at Watcher.get (vue.js:2756)
at Watcher.run (vue.js:2826)
at flushSchedulerQueue (vue.js:2595)
at Array.<anonymous> (vue.js:658)
at nextTickHandler (vue.js:605)

下面是我用来创建"persons“响应的代码

$searchterms = explode(' ',$searchterm);

$person = (new Person)->newQuery();

foreach($searchterms as $searchterm) {
    $person -> WhereHas('company', function($query) use($searchterm) {
        $query->where('name','like','%'.$searchterm.'%');
    });
}

$persons = $person -> get();

return $persons;

Answer 1

查看https://laravel.com/docs/5.5/eloquent-relationships#eager-loading的文档，似乎您应该使用以下内容

$persons = $person->with('company')->get();