将vue.js应用中的本地脚本注入到不同的组件

问题描述

我搜索了一个答案，但是找不到我的问题的答案。

我正在使用vue-cli进行vue项目，并且我需要将不同的脚本注入不同的页面（我使用vue-router），更多细节请参见：

这是我所拥有的：

o public
|
|-index.html
|
|-js
| |-script_for_all_pages.js
| |-script_for_index1.js
| |-script_for_index2.js ...

o src (my vue project)

这就是我想要的：

1. 我想在localhost / *的html中有一个<script src="js/script_for_all_pages.js"></script>
2. 我想在localhost / index1的html中有一个<script src="js/script_for_index1.js"></script>
3. 我想在localhost / index2的html中有一个<script src="js/script_for_index2.js"></script>

我的第一步是将<script>标记添加到公用文件夹中的index.html中，但是我不知道如何完成最后两个步骤。这些路由（localhost / indexx）是组件，所以我想应该将脚本注入组件index1.vue中，但是当我尝试仅使用import "../js/index.js";导入脚本时会遇到很多错误。无论如何，我都不知道该怎么做。

无效的软件包列表：

vue-inject-js

vue-plugin-load-script

感谢帮助！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）