Я хочу использовать шаблон laravel + vuejs + html / css У меня есть следующий vue компонент tableUser.vue
, содержащий таблицу данных
<template>
<div class="page-content">
<nav class="page-breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Tables</a></li>
<li class="breadcrumb-item active" aria-current="page">Data Table</li>
</ol>
</nav>
<div class="row">
<div class="col-md-12 grid-margin stretch-card">
<div class="card">
<div class="card-body">
<h6 class="card-title">Data Table</h6>
<p class="card-description">Read the <a href="https://datatables.net/" target="_blank"> Official DataTables Documentation </a>for a full list of instructions and other options.</p>
<div class="table-responsive">
<table id="dataTableExample" class="table">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
}
</script>
Эта таблица включена в компонент нужны JQuery файлы для общего отображения
<script src="assets/vendors/datatables.net/jquery.dataTables.js"></script>
<script src="assets/vendors/datatables.net-bs4/dataTables.bootstrap4.js"></script>
<script src="assets/js/data-table.js"></script>
Так что лучший способ включить эти js файлы в порядке, когда я нажимаю <router-link to='/TableUser'>
кнопку TableUser. vue отображаются правильно.
ps: я пытался интегрировать их в мастер-клинок, который содержит <router-view>
, но он не работал