Vue.js中的Revolution Slider jQuery插件

时间:2019-03-06 11:11:06

标签: javascript node.js vue.js npm revolution-slider

我正在尝试将html项目转换为vue应用。
原始项目使用Revolution滑块的jquery插件,方法是通过html文件的script标签内的body标签添加它们,然后对其进行初始化:

<script type="text/javascript" src="/static/revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="/static/revolution/js/jquery.themepunch.revolution.min.js"></script>

向我的Vue项目添加旋转滑块的最佳方法是什么?

我已经通过npm安装了jquery,并试图将这些脚本导入到main.js入口点文件中。我对node或npm不熟悉。同样,在加载应用程序时,这些脚本中的jQuery是未定义的,这会在控制台中引发错误,这意味着出现了问题。

2 个答案:

答案 0 :(得分:0)

最简单的方法可能是以相同的方式(在这两个脚本标签之前)加载jquery。

答案 1 :(得分:0)

将jQuery导入到main.js中,然后设置window。$

import $ from 'jquery'
window.$ = $

这将使其在全球范围内可用,因此脚本可以以标准方式使用$