Передача данных из компонента Laravel в компонент Vue - PullRequest
0 голосов
/ 25 февраля 2020

В моем контроллере у меня есть метод, который извлекает данные для записи мысли на основе идентификатора.

public function editEntry($id) {

        $tj_entry = ThoughtJournalEntry::find($id);

        if (auth()->user()->id !== $tj_entry->user_id) {
            return redirect('/dashboard')->with('error', 'Unauthorised Access');
        }

        return view('pages.thoughtjournaledit')->with('tj_entry', $tj_entry);
    }

Эта информация доступна из моего файла представления мыслиjournaledit, но я хочу быть в состоянии передать это данные для Vue компонента мысли-журнала-редактирования.

@extends('layouts.template3')

@section('content')

<main>  
    {{ Breadcrumbs::render('thoughtjournalentry') }} 
    <div class="container">
        <h1>Edit Entry</h1>
        <thought-journal-edit :test="{{ $tj_entry->id }}"></thought-journal-edit>
    </div> 
</main>                 

@endsection

Я думал, что смогу передать эти данные из файла представления в компонент Vue, используя реквизит, но я Я не уверен, правильно ли я использую его в компоненте.

<script>
    export default {
        props: [
            'test'
        ],
        data() {
            return {
                csrf: document.querySelector('meta[name="csrf-token"]').getAttribute('content'), 
                tjEntry:[],
            }
        },
        mounted() {
            this.created();
        },
        created() {
            axios.get('/thoughtjournal/this.test/get').then(response => {
                this.tjEntry = response.data;
                console.log(response);
            });
        }
    }
</script>

В топоре ios .get ('/ мысльjournal / this.test / get') Мне нужен this.test вернуть идентификатор для записи в журнале мыслей.

Здесь также указаны маршруты

Route::put('/thoughtjournal/{id}/edit', 'ThoughtJournalEntryController@editEntry');
Route::get('/thoughtjournal/{id}/get', 'ThoughtJournalEntryController@getEntry');
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...