vue.js和外部jquery库

Question

我用Vue js2在Laravel上有项目。我创建了组件Card.vue，我想在其中使用jquery文件上传插件- https://github.com/blueimp/jQuery-File-Upload/wiki/Basic-plugin

为此，我需要连接3个js文件

<script src="/js/file_upload/jquery.ui.widget.js"></script>
<script src="/js/file_upload/jquery.iframe-transport.js"></script>
<script src="/js/file_upload/jquery.fileupload.js"></script>

我尝试将这些文件连接到主页的页脚，在组件中，但它不起作用。你能帮我吗--我如何连接外部jquery库和vue js组件？谢谢

Answer 1

我会尝试使用npm模块来加载jquery插件。https://www.npmjs.com/package/blueimp-file-upload。如果您有一个安装了webpack的程序，那么您可以通过ProvidePlugins npm加载jquery，安装jquery，然后将其放入您的webpack配置中

plugins:[ new webpack.ProvidePlugin({ $: "jquery", jQuery:'jquery', jquery:'jquery' }), ],我不知道browserify的设置，但这里的想法是通过npm使用这些插件，因为它更可靠。我在使用jquery fullcalendar时也遇到过类似的情况，通过安装适当的npm库，我设法让它正常工作。

顺便说一句，你能指定你得到的错误或至少更多的细节吗？