Converting an HTML template to a Vue.js application with Laravel has been quite the task. One particular function that I am struggling with is the drag and drop table feature.
src="assets/js/jquery.dataTables.min.js">
src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js">
The table structure looks like this:
<table class="table exampleleft tble-dsg tables_ui t_draggable sourcetable">
<thead>
<tr>
<th>Name</th>
<th>Lead Source</th>
<th>Value</th>
<th> </th>
</tr>
</thead>
<tbody class="t_sortable">
<tr>
<td>lOREM IPSUM</td>
<td>Website</td>
<td> $ 750,000.00</td>
<td> <div class="btn-group justify-content-center">
</div>
</div></td>
</tr>
</tbody>
<table>
When trying to integrate Vue.js into the mix, I included the necessary jQuery file as follows:
require('../jquery.dataTables.min.js');
However, upon testing the functionality in Vue.js, nothing seems to happen. It's as if the jQuery library isn't being utilized properly within the Vue.js framework alongside Laravel.
If anyone has any insights or solutions on how to effectively incorporate a jQuery Library into Vue.js with Laravel, your help would be greatly appreciated. Thank you!