Как использовать javascript файл в vue компоненте? - PullRequest
0 голосов
/ 30 апреля 2020

Я хочу использовать шаблон 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>, но он не работал

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...