Hello,

I am new to Laravel and vue.

Working with Laravel 5.4

I have a vue script that builds a table.

In each row I have a button that is suppose to submit a form and set the status field to: 2.

The form code:

<form @submit.prevent="submitForm" class="status-form" action="'/orders/' + row.Id" method="post">
....{{ csrf_field() }}
    ....<input type="hidden" name="status" value="2">
    ....<button type="submit" class="btn btn-success btn-sm">Sent</button>
 </form>

If I don't put {{ csrf_field() }} in the code, everything works fine. If I do, the rows are not populated in the table.

I tried: @{{ csrf_field() }} and {!! csrf_field !!} as well, same results.

How do I add this field?

And then, if someone can help and give me the code to actually submit the form?

Another question: Do I need a special route for it or can I use the resource route?

I read lots of posts on google, but very confused and can't find the way to do it.