nuxt.js - $（...）。slider不是函数

Question

我想在nuxt.js中使用jquery，我在nuxt.config.js中添加了jquery，如下所示：

build: {
    plugins: [
        new webpack.ProvidePlugin({
            '$': 'jquery',
            '_': 'lodash'
        })
    ]
}

然后我在我的模板中使用了jquery代码并将jquery代码放在了mount（）中以避免“文档未定义”错误：

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中运行，我有什么特别的东西吗？

Answer 1

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