如何在我的组件 vue 中在 laravel 中显示具有数据库关系或 eloquent 的单个数据答案

【问题标题】：how to display single data with database-relationship or eloquent in laravel in my component vue如何在我的组件 vue 中在 laravel 中显示具有数据库关系或 eloquent 的单个数据
【发布时间】：2020-03-02 11:56:43
【问题描述】：

我在使用 Vue js 和 laravel api 查看具有数据库关系的单篇文章时遇到问题。请帮帮我。

这是我获取单篇文章的代码

    export default {
        data(){
        return{
            article: [],

        }
    },
        mounted() {
            axios.get(`/api/article/${this.$route.params.id}`).then(({ data }) => (this.article = data))
        }
    }
</script>```

BUT it's NOT WORKING WHEN I DISPLAY ON TOP LIKE ```{{article.id}}``` but if i try to ```{{article}}``` it will display my single article AND ALSO HOW CAN A DISPLAY IN MY ARTICLE THE AUTHOR BASE ON USER_ID PLEEEEAAASSSEEE HELP MEE. THANK YOU IN ADVANCE

【问题讨论】：

标签： laravel vue.js eloquent article

【解决方案1】：

你应该把它放在 v-for 里面来迭代 arcticle 里面的数据。

<ul>
 <li v-for="val in article">{{val.id}}</li>
</ul>

如果您在数据上使用复数形式会更好，以便于阅读。

【讨论】：

非常感谢，它成功了 :) 请帮助我如何在我的文章表中使用 user_id 获取作者姓名
这个 axios get 中包含那个吗？ axios.get(/api/article/${this.$route.params.id})。如果没有，您可以管理将由文章返回的数据。您应该在用户和文章之间建立关系。
我的控制器中的代码是$article = DB::table('articles') ->join('users','articles.user_id','=','users.id') ->select('users.name as author','articles.title as title','articles.created_at as created_at','articles.content as content') ->where('articles.id','=',$id) ->get();，但是当我调用它时它没有显示在我的前端 {{val.author}}
article: [{id: 17, author: "author name", title: "Consequatur rerum doloremque labore libero.",…}] 0: {id: 17, author: "author name", title: "Consequatur rerum doloremque labore libero.",…} author: "author name" content: "Alias laudantium necessitatibus ea beatae recusandae at. Quia deleniti est facere quia. Iure qui in eum sint. Voluptate sed ducimus cum deserunt ipsa." created_at: "2019-11-07 02:10:12" id: 17 title: "Consequatur rerum doloremque labore libero." 它显示在我的 XRH 中，但是当我在模板中调用 {{val.author}} 时它没有工作
可能返回的数据搞砸了。