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

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 里面来迭代 arcticle 里面的数据。

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

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