2017-01-30 85 views
0

我有項目在Laravel與Vue公司JS 2. 我創建的組件Card.vue在這裏我想用jQuery的文件上傳plugin- https://github.com/blueimp/jQuery-File-Upload/wiki/Basic-pluginVUE js和外部的jQuery庫

的,我需要連接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組件? 謝謝

回答

0

我會嘗試使用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庫來實現它。

順便說一句你可以指定你得到的錯誤或至少更多的細節?