如何在使用eluquent with vuejs时检索数据库列

Question

我正在尝试使用AXIOS get request从数据库中获取数据。我有2个模型（内容和Word）具有多对多的关系。在我的控制器中，我正在尝试这个：

public function fetchCourses(){
    $dayOne = Content::where(['course_id'=>'1','day_id'=>'1'])->first();
    return $dayOne;
}

在vue我尝试这样：

axios.get('/getCourse').then((response)=>{
    //console.log(response.data);
    this.content = response.data;
}) 

然后在组件中：

<iframe width="560" height="315" :src="content.video_clip"  frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>

video_clip是我的内容表中的一个列名。

现在我不仅要从Word模型中获取内容，还要获取单词。我怎样才能做到这一点？

Answer 1

您必须加载words关系（假设其名称为）：

$dayOne = Content::where(['course_id'=>'1','day_id'=>'1'])->with('words')->first();

然后你可以访问你前端的文字：

this.content.words