Я не могу добавить свой внешний / пользовательский JS для боковой панели в Vue Web JS - PullRequest
Новая
       26

Я не могу добавить свой внешний / пользовательский JS для боковой панели в Vue Web JS

0 голосов
/ 06 ноября 2019

У меня уже есть шаблон, но это просто фиктивные данные, я хочу перенести этот шаблон в vue версию. Но проблема в том, что мой пользовательский js является частью моей боковой панели и должен быть связан с этим пользовательским js.

Я пытался включить мой пользовательский js в App.vue с кодом, подобным этому

но это тоже не сработало. И я также попробовал это на моем index.html, однако он не работает слишком 

<template>
  <div id="app" class="wrapper">
    <link rel="stylesheet"
        href="https://use.fontawesome.com/releases/v5.2.0/css/all.css"
        integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ"
        crossorigin="anonymous">
    <Sidebar />
    <div id="content">
      <Navbar />
      <router-view/>
    </div>
    <script src="assets/js/main.js"></script>
  </div>
</template>

, а также меня пробовали другим способом, как показано ниже 

<template>
  <div id="app" class="wrapper">
    <link rel="stylesheet"
        href="https://use.fontawesome.com/releases/v5.2.0/css/all.css"
        integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ"
        crossorigin="anonymous">
    <Sidebar />
    <div id="content">
      <Navbar />
      <router-view/>
    </div>
    <script type="text/javascript">
      $(".disabled").addClass("disabledbutton");

      $(document).ready(function () {
          $('#sidebarCollapse').on('click', function () {
              $('#sidebar').toggleClass('active');
          });
      });
    </script>
  </div>
</template>

довольно трудноопишите это через запись, потому что этот код служит для того, чтобы сделать боковую панель интерактивной. Как и другая боковая панель, возможность открывать и закрывать.

...