Intereting Posts
Как использовать javascript с помощью PHP? MySQL: используйте значение CASE / ELSE в качестве параметра соединения Как я могу разбивать на страницы объединенную коллекцию в Laravel 5? Как интегрировать MoneyBookers в веб-приложение на PHP? PHP regex заменяет пустое пространство на & nbsp; если он соответствует одной букве WordPress использует UTF-8, а остальная часть моего сайта использует ISO-8859-1 – кодировку символов PHP PDO Keep Getting Error: Charset = UTF8: недопустимая фраза chacheet была указана в строке dsn Надежно воспроизвести на C # устаревший метод хэширования пароля, реализованный в PHP Как получить 64-битный целочисленный хеш из строки в PHP? сравнить строку с ключом sub в парциальном совпадении php-массива Как извлечь значение из веб-сайта (используя cUrl в PHP) groupedFor – группировка объектов по датам CURLOPT_POSTFIELDS имеет ограничение по длине или размеру? WooCommerce – заполнение полей имени и фамилии в профиле пользователя – ошибка? Перенаправление ввода-вывода в PHP

У меня есть 2 записи в базе данных. Vue выводит 8 записей

Я создаю онлайн-казино, используя Laravel 5 и Vue JS. мне удалось самостоятельно выяснить, как выпускать недавно созданные игры для моего казино. Это основной проект флип-монеты, и я смог выяснить, как различать игры, которые находятся в процессе, и игры, которые ждут, когда игрок присоединится.

Однако я создал приложение, которое читает список доступных игр, выведенных на маршрут JSON в route.php. Я использую ресурс Vue для чтения этого вывода JSON, однако, когда я просматриваю приложение в веб-браузере, я вижу восемь разных записей из JSON, которые не имеют никакого отношения к базе данных. Я ожидаю, что в браузере будут отображаться две записи, но пока отображаются 8 пустых записей. У меня только 2 записи в моей базе данных MySQl.

У меня есть два альтернативных шаблона, которые отображаются пользователю. один, если игра является совместимой, а другая, если она выполняется. Файл JSON, выданный Laravel, не считывается приложением Vue, и вместо этого на странице отображаются 8 пустых записей. Я провел последние два дня, пытаясь понять эту проблему, и я, кажется, застрял. вот мой код

Viewgames.blade.php

@extends('app') @section('content') <strong>Below is a list of joinable games</strong> <div class="container"> <games></games> </div> <div id="games-list"> <template id="games-template"> <ul class="list-group"> <li class="list-group-item" v-for="game in games"> <div v-if="game.ready === 'Y'"> <strong>play against @{{ game.player1 }}</strong> </div> <div v-else> <strong>in progress</strong> </div> </ul> </template> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.0.3/vue-resource.js"></script> <script src="js/all.js"></script> @endsection 

all.js

 .component('games', { template: '#games-template', data: function() { return { games: [] } }, created: function() { this.$http.get('api/games').then(function (games) { this.games = games; }.bind(this)); }, 

});

 new Vue({ el: 'body' }); 

EDIT: контроллер с запросом:

 Route::get('api/games', function() { 

return App \ Games :: where ('ready', 'Y') -> get ();

});

Любая помощь очень ценится!

Вы должны быть уверены в this.$http.get response. Средства разработки Chrome помогут вам просмотреть данные ответа. Если данные ответа имеют восемь записей, проблема не в стороне клиента, а на стороне сервера.