在routerLink或browser back按钮后丢失Materialize javascript和jquery功能

在我的主页上，我有一个滑块，它一开始工作得很好，但是如果我导航到另一个页面，然后返回到我的主页，滑块将失去所有功能并变为灰色。这也适用于materialboxed图像，其中我在图像上实现了放大功能，一旦我开始浏览我的网站，该功能也将丢失。对于滑块，我使用jquery实现功能，对于缩放功能，我使用javascript

如果我刷新页面，它们工作正常。我还为jquery依赖项而不是cdn安装了npm jquery，但它仍然不起作用

  <template>
    <div class="HomePage">
        <div class="slider">
            <ul class="slides">
                <li>
                    <img src="../assets/images/Main Image.jpg">
                    <div class="caption left-align">
                        <h3 class="white-text">Welcome to HoodFave</h3>
                        <h5 class="light grey-text text-lighten-3">Shooter's win</h5>
                    </div>
                </li>
                <li>
                    <img src="../assets/images/TWIU.jpg">
                    <div class="caption  center-align">
                        <h3 class="white-text">New Collection:</h3>
                        <h5 class="light black-text text-lighten-3">"The World is Yours"</h5>
                    </div>
                </li>
            </ul>
        </div>        
    </div>
</template>

 $(document).ready(function(){
    $('.slider').slider({
          full_width: false,
          interval: 7000,
          transition: 100,
          height: 750
    });
  });

欢迎来到HoodFave
射手的胜利


新系列：
“世界是你的”


$（文档）.ready（函数（）{
$（'.slider'）.slider({
全宽：假，
间隔时间：7000，
过渡期：100，
身高：750
});
});

---

当我加载首页时，这很好，但一旦我浏览网站并返回，滑块就会自动失去功能。

将滑块的启动移动到包含滑块的组件的

mounted（）

功能中。Vue是SPA，当您更改路由时，不会重新加载页面。因此，只有一个

文档。当您第一次加载应用程序时，它将不会在每次路线更改后再次启动。将滑块的启动移动到包含滑块的组件的
mounted（）
函数中。Vue是SPA，当您更改路由时，不会重新加载页面。因此，只有一个
文档。当您第一次加载应用程序时，它就准备就绪了，之后每次路线更改都不会再次触发。