nuxtjs引入jquery

2020-12-01 16:25:32

参考地址 nuxt引入jQuery库

nuxtjs如何添加 Webpack 插件？

方法一

       安装 jquery 包

npm install --save jquery


配置 nuxt.config.js

    const webpack = require('webpack')

module.exports = {    build: {        plugins: [            new webpack.ProvidePlugin({                '$' : 'jquery'             })        ]    },    plugins: [] }


组件中使用

mounted () {

    $("body").append("1");}


方法二：直接在 nuxt.config.js 中引入 jquery.min.js文件

head: {

    script: [        { src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' }    ]}

或者也可以在子组件内部引入。


  • 精彩推荐

  • 2018-01-20 20:33:58

    PHP中session_cache_limiter（） 是什么意思啊

    session_cache_limiter('public'); session_cache_expire(30); session_start();第三个我晓得 前两个 网络上没找着资料 手册上全是英文的 翻译后 还是看不懂主要是没翻译正确

  • 2018-01-23 02:22:17

    andorid，把控件置于最顶端。bringToFront的意外发现

    　bringToFront方法在SDK中的说明是“Change the view's z order in the tree, so it's on top of other sibling views”，翻译过来就是改变view的z轴，使其处在他父view的顶端。关于bringToFront的实现，网上有很多资料介绍，大体来说就是将这个view从父view中移除，然后再加入父view的顶端。具体实现如何呢？