В моем контроллере у меня есть метод, который извлекает данные для записи мысли на основе идентификатора.
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');