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' }    ]}

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


  • 精彩推荐

  • 2020-01-08 22:03:07

    修改MAC系统下默认PHP版本

    今天在使用mac时遇到了一个问题，因为需要composer拉取laravel5.6，但是提示我php版本过低，但是我本人使用的是集成环境MAMP,已经切换了php7.2的版本，这个为什么没有生效呢？经检查是因为composer检测得是mac下环境变量生效的php版本

  • 2020-01-08 23:37:08

    laravel通过图片流返回图片

    我用laravel的字母头像生成框架Laravolt\Avatar生成的base64头像，但我想做个通用但，直接返回图片，我还是根据以往但经验 改写header但返回值为图片返回值，结果返回失败，一堆乱吗，不知道为啥。 后来用了laravel自带但返回图片但方法，结果ok。记录下

  • 2020-01-08 23:45:06

    laravel response 对象一些常用功能点

    通常，我们并不只是从路由动作简单返回字符串和数组，大多数情况下，都会返回一个完整的 Illuminate\Http\Response 实例或 视图。

  • 2020-01-08 23:49:13

    laravel 存储base64格式图片

    一、总结 一句话总结： 二、laravel存储64位图片实例 三、laravel 存储前端上传base64图片 四、php将base64字符串转换为图片

  • 2020-01-09 01:24:28

    mac安装ImageMagick与PHP扩展Imagick

    mac安装ImageMagick和php7.2扩展Imagick，从网上搜索教程，感觉好少，有的教程看起来也很麻烦，不过安装起来，没想到竟然如此简单。不非纯灰之力。

  • 2020-01-09 18:49:17

    pecl安装卸载模块，如何自动配置php.ini

    利用pecl安装php模块，可能需要手工配置php.ini，以加载或禁止相关模块。那么pecl install是不是可以自动配置php.ini呢？答案是肯定的。在pecl isntall的提示信息中，苏南大叔找到了下面的类似提示信息：configuration option "php_ini" is not set to php.ini location。这个设置点，就是本文的关键所在。设置好"php_ini"之后，pecl就可以自动修改php.ini中的extension=了。