そのため、laravel 5.2 を使用して API を作成し、VueJs を使用してそこからデータを取得しました。すべての結果を取得することで、 index() アクションのデータを取得できました。今、私の問題はもう少し複雑になります。テーブルからの各投稿が単一の投稿ページに移動するように、show() メソッドを作成する必要があります。
methods: {
fetchItems: function (page) {
var data = {page: page};
this.$http.get('api/v1/pages', data).then(function (response) {
//look into the routes file and format your response
this.$set('items', response.data.data);
this.$set('pagination', response.data.pagination);
}, function (error) {
});
},
changePage: function (page) {
this.pagination.current_page = page;
this.fetchItems(page);
}
}
これは私の VueJs コードです。
<div class="col-md-12" v-for="post in items" track-by="$index">
<a href="@{{ post.slug }}"><h1>@{{ post.title }}</h1></a>
<p>@{{ post.body }}</p>
</div>
これは私のものです すべての投稿を表示
私の質問: 1. show メソッド用に別のファイルを作成する必要がありますか? 2. laravel ioc を活用して、ポスト モデルから $slug を取得し、単一のページを表示するにはどうすればよいですか。