zoukankan      html  css  js  c++  java
  • react 或 vue 中引用 jQuery 插件

    前言

    今天与遇到一个令人抓狂的事情,
    因为项目中有个交互太过于复杂而且冷门,
    没有人封装类似react-swiper那种的移植过来的插件
    只有现成的jQuery插件。
    而时间并不宽裕,自己重写成react形式并不现实
    不得已必须在react中使用jquery插件。
    查阅了很多资料,又是修改插件又是设置全部别名。
    效果都不是太好,最后无奈自己想了一种方案。
    简单的令人发指,想想自己也挺蠢得的。
    废话不多说,上代码。


    下载依赖

    npm install --save jquery
    

    在插件中引用 jquery

    import jQuery from 'jquery'
    /*eslint-disable */      //  有些插件写的可能比较早没有代码检查,这里可以禁用一下,避免报错。
    (function ($) {
    $.fn.XXXX = function () {
            /* 一堆一堆代码*/
        })
    })(jQuery)
    /*eslint-enable */
    export default jQuery
    

    组件中引入插件, 直接引入静态文件

    import jQuery from '../../XXXX路径'
    

    这样就可以使用了,简单粗暴,只是换了个思想。 从插件引入jQuery,然后抛出jQuery,再引入使用而已。

  • 相关阅读:
    SCAU 9504 面试
    SCAU 9503 懒人选座位
    SCAU 8628 相亲
    SCAU 10691 ACM 光环
    SCAU 8626 原子量计数
    SCAU 10674 等差对
    HDU ACM 1048 The Hardest Problem Ever (水题)
    SCAU 9502 ARDF
    SCAU 10686 DeathGod不知道的事情
    SCAU 8629 热身游戏(高精度)
  • 原文地址:https://www.cnblogs.com/HoChine/p/8037046.html
Copyright © 2011-2022 走看看