如何在Vue中使用jQuery插件

jQuery

古一达蒙

2020-03-11

我在VueJS中构建Web应用程序,但是遇到问题。我想使用jQuery扩展(具体来说是cropit),但是我不知道如何正确地实例化/要求/导入它而不会出错。

我正在为我的应用程序使用官方的CLI工具和webpack模板。

我在main.js文件中包含了这样的jQuery:

import jQuery from 'jQuery'
window.jQuery = jQuery

现在,我正在构建一个图像编辑器组件,我想在其中实例化爬行:

export default {
  ready () {
    $(document).ready(function ($) {
      $('#image-cropper-wrapper-element').cropit({ /* options */ })
    })
  },
 }

但是我总是出错...现在我的问题是如何通过NPM / Webpack / Vue正确实例化jQuery和插件?

提前致谢!

第798篇《如何在Vue中使用jQuery插件》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android