【发布时间】：2019-11-09 16:35:52
【问题描述】：
我是vue js的初学者。我目前面临更改路由时外部 javascipt 停止的问题。
例如，当我从 /（根页面）开始，然后单击 /shop，然后单击返回 /（根页面），外部 javascript 停止工作（例如幻灯片停止）。
我尝试使用一个名为 vue-plugin-load-script 的插件。为了在main.js中动态加载外部javascript但结果还是一样，外部javascript在更改路由时停止工作。
外部javascript放在index.html中
index.html
<html>
<body>
...
</body>
<script src="<%= BASE_URL %>js/plugins.js"></script>
</html>
route.js
{
path: '/',
name: 'home',
component: Home
},
{
path: '/shop',
name: 'shop',
component: Shop
},
App.vue
<template>
<div id="app">
<router-view />
</div>
</template>
全局提供外部javascript，因此每个页面都可以使用。我可以用不同的路径运行相同的外部 javascript 吗？
【问题讨论】：
-
我在 index.html 中添加社交分享脚本时遇到了同样的问题，就像您在 Angular 项目中的一样。每当路由更改时，我都必须重新插入并删除页面中的脚本。这行得通，但我确信这不是一个合适的解决方案，而且是一个 hack。
-
@Ahsan 是的，先生，我知道方法，但这似乎是重复的，因为每个页面都需要插入和删除脚本，非常繁琐，等待高手出一招这样做。
-
我也想知道正确的方法。我还没有找到任何好的解决方案。
标签： vue.js vue-router