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

Question

我在使用 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

Answer 1

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

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

如果您在数据上使用复数形式会更好，这样更容易阅读。

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

how to display single data with database-relationship or eloquent in laravel in my component vue

article

laravel

eloquent

vue.js