首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在VueJS上安装Javascript库

如何在VueJS上安装Javascript库
EN

Stack Overflow用户
提问于 2017-10-30 22:46:58
回答 2查看 1K关注 0票数 0

我需要在我的jQueryUI项目中使用来自VueJS的可排序插件,但是我不知道如何在VueJS 2项目中包含库。

这就是我到目前为止所做的:

1)以这种方式安装jQuery和jQueryUI

代码语言:javascript
复制
 npm install --save jquery-ui
 npm install --save jquery

2)我将这些行添加到main.js中:

代码语言:javascript
复制
window.$ = window.jQuery = require('jquery');
window.$ = $.extend(require('jquery-ui'));

3)我在我的组件上这样使用:

代码语言:javascript
复制
<div class="height">
   <app-component-component></app-component-component>
</div>

....

export default {
    components: {
        appComponentComponent: ComponentComponent
    },
    ...
    mounted() {
        $('.height').sortable();  
    }       
}

但我知道这个错误:

代码语言:javascript
复制
[Vue warn]: Error in mounted hook: "TypeError: $(...).sortable is not a function"

你能告诉我我做错了什么才能导入和使用这个库吗?

提前感谢

EN

Stack Overflow用户

发布于 2020-10-15 19:02:16

您必须将其添加到main.js中。

代码语言:javascript
复制
 global.jQuery = require('jquery');
 var $ = global.jQuery;
 window.$ = $;
 require('jquery-ui');
 require('jquery-ui/ui/widgets/sortable');

你可以用它装在里面,就像你一样。

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

https://stackoverflow.com/questions/47025351

复制
相关文章

相似问题

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