首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >nuxt.js - $(...).slider不是函数

nuxt.js - $(...).slider不是函数
EN

Stack Overflow用户
提问于 2018-01-26 15:30:38
回答 1查看 1.6K关注 0票数 1

我想在nuxt.js中使用jquery,我在nuxt.config.js中添加了如下jquery:

代码语言:javascript
运行
复制
build: {
    plugins: [
        new webpack.ProvidePlugin({
            '$': 'jquery',
            '_': 'lodash'
        })
    ]
}

然后,我在模板中使用了jquery代码,并将jquery代码放在mounted()中,以避免出现“文档未定义”的错误:

代码语言:javascript
运行
复制
mounted: () => {
    $("#volume").slider({
        min: 0,
        max: 100,
        value: 0,
        range: "min",
        slide: function(event, ui) {
            setVolume(ui.value / 100);
        }
    });
    ....
}

但是当我运行这个的时候,我在浏览器中得到了$(...).slider is not a function。要让它在nuxt.js中正常工作,我需要做些什么吗?

EN

回答 1

Stack Overflow用户

发布于 2018-01-26 15:32:05

$().slider是一个jQuery UI函数。您还需要将jquery-ui添加到项目中。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48457260

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档