Laravel по-русски

xew

Сообщений: 13

Vue-resource

Пытаюсь сделать комментарии через vue но вывод через v-for не работает выяснилось что даже console.log не отрабатывает в

this.$http.post('/comments', function(data)

Сам vue работает а вот Vue-resource не хочет. Как можно его проверить и в чем может быть причина ?

Vue и Vue-resource подключал через npm, gulp, elixir. Делал все по этому видео https://www.youtube.com/watch?v=qA5PlSh1Qq8

Vue:

Vue.http.headers.common['X-CSRF-TOKEN'] = $('meta[name="csrf-token"]').attr('content');

new Vue({

    el: '#realtime',

    methods:
    {
        fetchComments: function()
        {
            this.$http.post('/comments', function(data)
            {
                console.log(data);
                this.$set('comments', data);
            });
        }
    },

    ready: function()
    {
        this.fetchComments();
    }

});

Вырезки с шаблона:

<meta id="token" name="csrf-token" content="{{ csrf_token() }}">

<div id="realtime">
    <div v-for="comment in comments">
        <p><b>@{{ comment.name }}</b> <span class="date">@{{ LocalizedCarbon::instance(comment.created_at)->diffForHumans() }}</span></p>
        <p>@{{ comment.comment }}</p>
    </div>    
</div>

<script src="{{ URL::asset('bootstrap/js/vue.js') }}"></script>
<script src="{{ URL::asset('bootstrap/js/realtime.js') }}"></script>

Роут:

Route::get('/', function ()
{
    return view('layout');
});

post('/comments', function()
{
    return App\Comment::orderBy('created_at', 'DESC')->get();
});

Изменено xew (29.07.2016 08:22:04)

xew

Сообщений: 13

Re: Vue-resource

Решение:

            this.$http.get('/comments').then(function(data)
            {
                this.$set('comments', data.json());
            });