九、VueJs 填坑日记之在项目中使用jQuery
4页1、很多人学习 js 都是从 jQuery 开始的,我也不例外。有时候进行一些操作的时候,还是感觉 jQuery 比较好用,那么,我们如何在项目中使用 jQuery 呢?这篇博文带你实践。引用引用 jQuery 文件文件首先呢,jQuery 是提供了 npm 的安装包的。我们的 vue-cli 脚手架,也是支持引入的。不过设置比较麻烦,如果你对使用这种方法比较敢兴趣,可以直接参考下面的内容:https:/ jQuery 而是引用文件的方式引用。首先,我们下载 jQuery 文件到我们的 /static/js/ 目录。正好我本地有一个 jquery-1.8.3.min.js,我就放了这么一个 jQuery 文件到我们的演示项目里。然后,在 /src/main.js 合适位置插入下面的代码:/ import jqueryimport ./static/js/jquery-1.8.2.min.js测试测试 jQuery 新建 /src/pages/jq.vue 文件,录入下面的内容并将路由配置为 /jq,如不会请看以前的博文:这里是初始文字看看 jquery 有没有工作export defaul
2、t methods: testJQ () $(.love p).html(jquery 工作正常!)好,如果你的编辑器配置了代码审查的话,应该报错了。而浏览器里面,也是报错的。我这里的项目是没有配置代码审查的,所以直接能用。如果不小心配置了,那也不必着急请往下看。去掉去掉 eslint 报错报错 $ is not defined虽然引用了 jQuery 但是你真正去写的时候,会报这个错误。我们首先需要关闭掉这个错误。关闭有两种方法,一种是临时关闭,一种是永久关闭。我这里提供永久关闭的方法。我们编辑 /.eslintrc.js 文件:env: browser: true, jquery: true ,在 env 区间里面加上 jquery: true 参数即可。然后我们重新跑一下系统 npm run dev 就应该可以看到我们想要的效果了。更加复杂的操作,我没有尝试。但是我可以肯定,绝对没有原生写那样顺畅。还必须依赖 vue 的一些方法什么的。我的建议是,一般不使用 jQuery,如果使用的话,请确保在可控的范围内。否则,你算是给项目埋大坑了。在这里忠心感谢FungLeo,是你们无私的奉献,才让我们有了学习的参考,以下是地址:http:/
《九、VueJs 填坑日记之在项目中使用jQuery》由会员nu****k分享,可在线阅读,更多相关《九、VueJs 填坑日记之在项目中使用jQuery》请在金锄头文库上搜索。
金锄头网企业认证授权书(负责人非法人必须提供)
四、VueJs 填坑日记之搭建Axios
十二、VueJs 填坑日记之项目打包发布
九、VueJs 填坑日记之在项目中使用jQuery
三、VueJs 填坑日记之项目文件认识
十一、VueJs 填坑日记之使用Amaze ui调整列表和内容页面
五、VueJs 填坑日记之将接口用webpack代理到本地
七、VueJs 填坑日记之渲染一个列表
八、VueJs 填坑日记之参数传递及内容页面的开发
六、VueJs 填坑日记之初识.Vue文件
二、VueJs 填坑日记之基础项目构建
十、VueJs 填坑日记之在项目中使用Amaze ui
一、VueJs 填坑日记之基础概念知识解释
公共就业服务信息化建设技术方案
2024-01-15 24页
2024-01-15 15页
2024-01-08 89页
2024-01-08 72页
2023-08-31 3页
2023-08-31 2页
2023-07-10 3页
2023-07-10 3页
2023-07-10 3页
2023-07-10 2页