How to submit a form in Laravel Vue component

Question

I've created a from within a laravel vue component which I'm trying to submit, but I'm getting a 404 error ThoughtJournalController@store not found.

<form method="POST" action="{{ action('ThoughtJournalController@store') }}">

How do I correctly submit a form within the vue component?

Robin Gillitzer · Accepted Answer · 2020-02-13 09:27:42Z

0

Create a route in resources/routes/web.php:

Route::post( '/submit', 'ThoughtJournalController@store' );

Then edit your form:

<form method="POST" action="/submit">

edited Feb 13, 2020 at 9:27

answered Feb 12, 2020 at 15:39

Robin Gillitzer

1,6121 gold badge9 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

12 Comments

Joe Leeson Over a year ago

I'm getting an error from this: action="{{ route('storeEntry') }}": Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div id="{{ val }}">, use <div :id="val">.

Robin Gillitzer Over a year ago

Try to type the relative path in your action. Like that: action=„submit/path“. The same path as the first attribute of Route::get()

Robin Gillitzer Over a year ago

Your form is in a *.vue file not in a *.blade.php file right?

junaid rasheed Over a year ago

In order to use laravel named routes in your .vue components you can use this github.com/tightenco/ziggy

Joe Leeson Over a year ago

Yes form in a .vue file

|

Nick Alexander · Accepted Answer · 2020-02-12 15:39:31Z

0

It seems like you forgot to Define the route did you do:

    Route::get('posts', 'ThoughtJournalController@store');

answered Feb 12, 2020 at 15:39

Nick Alexander

3612 gold badges6 silver badges21 bronze badges

Collectives™ on Stack Overflow

How to submit a form in Laravel Vue component

2 Answers 2

12 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

12 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related