Question

我有一个html / css模板，可以将其集成到laravel中，

因此，首先我制作一个DataTable组件，其中包含数据表html / css代码（页面内容）之后，我创建了一个包含导航栏和侧栏的管理布局我添加了

<router-view><router-view>和<router-link>引用DataTable组件

//sidebar and navbar

<router-view></router-view>

        </div>
    </div>
    <script src="{{asset('js/app.js')}}"></script>
    <!-- core:js -->
    <script src="{{asset('assets/vendors/core/core.js')}}"></script>
    <!-- endinject -->
  <!-- plugin js for this page -->
  <script src="{{asset('assets/vendors/datatables.net/jquery.dataTables.js')}}"></script>
  <script src="{{asset('assets/vendors/datatables.net-bs4/dataTables.bootstrap4.js')}}"></script>
    <!-- end plugin js for this page -->
    <!-- inject:js -->
    <script src="{{asset('assets/vendors/feather-icons/feather.min.js')}}"></script>
    <script src="{{asset('assets/js/template.js')}}"></script>
    <!-- endinject -->
  <!-- custom js for this page -->
  <script src="{{asset('assets/js/data-table.js')}}"></script>
    <!-- end custom js for this page -->



</body>
</html>

现在页面无法正确显示（重复的元素），并且所有按钮都不起作用

我尝试了一切，但没有用

将html / css模板与laravel ans Vuejs集成

0 个答案: