I have implemented my create page using vue.js. I called the vue.js file using a component. Now, for the edit page, I followed the same procedure by calling the vue component in the blade. However, I am unsure how to save data for the edit page. Can anyone provide assistance with this?
@extends('layouts.main')
@section('content')
<div class="justpaddingside" role="main">
<div class="row w-100 Bfont ">
<div class="col-xs-12">
<div class="havence-content">
<div class="havence-content-header"></div>
<div class="row w-100">
<div class="col-md-12">
<div class="pillbutton bge">
<div class="x_title" >
<img src="https://img.icons8.com/bubbles/50/000000/important-mail.png" class="rounded float-left" >
<h2 class="p-3 font-weight-bold">Edit Email Reminder</h2>
<h4 class="text-right">{{date('d-m-Y')}}</h4>
<h5 class="text-right">{{date('H:i:s')}}</h5>
<div class="clearfix"></div>
<div class="x_content p-5">
<div id="app">
<a class= "float-right" href="{{ route('havence.automail.index') }}">
<img src="https://img.icons8.com/color/48/000000/close-window.png">
</a>
<email-component
{{-- email_creation_link="{{ route('email.create') }}"
email_index_route="{{ route('havence.automail.index') }}" --}}
email_edit_route="{{ route('havence.automail.edit',['id'=>$mailTemplates->id]) }}"
:conditions="{{ json_encode($conditions) }}"
:modules="{{ json_encode($modules) }}"
:mailtemplates="{{json_encode($mailTemplates)}}"
>
</email-component>
<button type="button" class="btn btn-success buttonCS col-md-12" data-dismiss="modal">Update</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@push('stylesheets')
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.16/datatables.min.css"/>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.min.css">
@endpush
@push('scripts')
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.16/datatables.min.js"></script>
<script src="https://unpkg.com/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f18286949485909d948385c3b1c6dfc0c8dfc2">[email protected]</a>/dist/sweetalert2.all.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.min.js"></script>
@endpush
@section('page-js')
<script>
var typingTimer=null; //timer identifier
var doneTypingInterval = 200; //time in ms, 5 second for example
</script>
@endsection
Above is the code snippet of my edit page. Any guidance on how to handle data saving in this scenario would be greatly appreciated.
I've been searching for a solution without success so far. Your help is much appreciated!
Thank you!