时间戳

首页 > 解决方案 > 在 Vue 3 中全局使用 JQuery

javascript - 在 Vue 3 中全局使用 JQuery

问题描述

我只是尝试导入 JQuery 以在我的 Vue 3 应用程序中全局使用，但我收到错误window.$ is not a function.

我已经关注了另一篇文章：将 Jquery 添加到 Vue-Cli 3

我在 main.js 中定义了 JQuery，如下所示：

window.$ = window.jQuery = require('jquery');

JQuery 是通过 npm 安装的，这工作正常。但是，每当我尝试在我window.$的任何组件中使用（在我的 .vue 文件中的脚本标记下）时，我都会收到错误消息window.$ is not a function。

我是怎么搞砸的？

标签： javascriptjqueryvue.js

解决方案

由于我阅读了您的评论并了解您的实际需求。这个答案是基于你的实际需要，而不是你想做的。我相信这种方法更好使用不依赖 jQuery 的 Boostrap 5，您可以使用所有功能，如下拉菜单、弹出窗口等，无需 jQuery。在你的 main.js 安装 boostarp 后导入以下内容npm install bootstrap

import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css' //boostarp

安装npm install bootstrap，因为您必须像我上面显示的那样包含它们。根据引导文档。

注意： Vue3 不支持 boostrap 4，而 vue-boostrap 使用 boostrap 5 代替

推荐阅读