解决Vue项目里集成外部JS文件（JQ写法），JS文件不生效的方法

最新推荐文章于 2024-05-24 09:31:07 发布
最新推荐文章于 2024-05-24 09:31:07 发布
阅读量4.9k 收藏
点赞数
分类专栏： vue 文章标签： vue jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013789737/article/details/99183777
版权

解决Vue项目里集成外部JS文件（JQ写法），JS文件不生效的方法


最近的想将已经写好的一个项目改成VUE项目（原项目里的js文件都是用JQ写的）

方法一

第一步： 安装vue 项目里安装jquery

第二步： 引入js文件，引入的写法如下：
import {toastr} from “./…/assets/js/toastr.min.js”

注意： 所有引入的JS文件里的内容都要写在$(function(){}里，否则js不会生效

方法二

在你的JS文件最前面引入JQ文件即可：import {jquery} from "./…/assets/js/jquery.js"

好啦，女朋友还在等我打游戏呢~~

P_GR
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vue中引入jquery方法 或 $ is not defined错误解决方法
qq_24441205的博客
12-24 2008
vue引jquery方法 或 $ is not defined 报措解决方法
vue项目中使用jquery，全局引入不生效
weixin_41506373的博客
05-11 1808
按照网上的方法在webpack.base.config.js中配置全局引入jquery一直不生效 // 增加一个plugins plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) ], 网上的教程也没有说明为什么会这样，后来发现重新npm run dev，重新启动项目才会生效。 ...
vue组件内引入外部js, 外部js调用组件内的方法
最新发布
springdk2009的博客
05-24 771
方式一：vue组件中的方法先调用外部js 中的方法，外部js再调用vue组件中其它方法。test.js 为主js文件，里面引入了a.js和b.js文件。外部js文件test.js: 使用 window.test2()调用。vue组件中引入外部js,并调用外部js 中的方法。方式二：外部js直接调用vue组件中的方法。外部js 中调用vue组件中的方法。5. 外部主js文件调用其它js中的方法。5.3 调用a.js和b.js文件方法。4. 外部js调用vue组件中的方法。5.1 引入a.js和b.js文件。
vue在index.html中引入静态文件不生效问题及解决方法
11-28
本文针对的是Vue小白，不喜勿喷，谢谢 出现该问题的标志如下 控制台warning（Resource interpreted as Stylesheet but transferred with MIME type text/html） 出现的原因及解决办法 第一种可能出现原因就是引入的静态文件在src文件夹内，这种的解决办法就是把资源引入静态资源的目录static 第二种可能出现的原因就是有单独的静态资源目录但是名字不叫static，这种的解决办法更改配置文件，把对应的几个配置文件内的static更改为你自己所创建的静态资源目录，由于网上大多教程所改的地方都不够完全，还是会出现该问题，
一文解决 Vue 引入外部的 js 文件时失效问题
热门推荐
南淮北安的博客
06-17 1万+
文章目录一、问题引入二、问题分析与解决 一、问题引入 这是 user.js 的内容： new Vue({ el: "#app", data: { message: "hello vue...." } }); 感觉没啥问题，但是就是显示不出来： 二、问题分析与解决 下面列下常见的错误： （1）注意路径的写法： （2）注意对于 use.js 的加载顺序应该放在 vuejs 和 axios 之后或者参考（4）引入参数defer 或者 async： （3）对于引入文
vue引入.js文件的函数在直接在html中使用不生效
m0_52244931的博客
03-24 1017
vue引入.js文件的函数在直接在html中使用不生效
vue直接引入js没有反应（初学）
zrulin的博客
02-04 2656
在官网中将js下载下来，之后直接访问本地js，成功。的那串连接由于某种因素我访问不到，所以没有反应。这样子思考为什么不反应，我觉得是直接引入js中。
外部引入js文件后vue失效？
baiJuYi
08-04 1017
外部引入js文件后vue失效
vue项目中在外部js文件中直接调用vue实例的方法比如说this
10-17
主要介绍了vue项目中在外部js文件中直接调用vue实例的方法比如说this,需要的朋友可以参考下
vue组件内部引入外部js文件的方法
11-21
之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。 第一种操作 Dom引入js： export default { mounted() { const s = ...
nginx 部署 vue 项目找不到js css文件的解决方法
09-29
主要介绍了nginx 部署 vue 项目找不到js css文件的解决方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
Vue项目中引入外部文件的方法（css、js、less）
10-19
本篇文章主要介绍了Vue项目中引入外部文件的方法（css、js、less），非常具有实用价值，需要的朋友可以参考下
2021-09-28 vue项目引入第三方js文件失败的解决方法
bbt953的博客
09-28 2532
es5引入js文件的用法是script es6不能在用script了，如果vue项目中用script引入js文件是不生效的 此处，我引入的是echarts的中国地图数据文件 `//chinaJson.js var chinaJson = { //此处是中国地图的json数据，可在 以下链接找到中国国内所有省市区的json数据http://datav.aliyun.com/tools/atlas/index.html#&lat=30.332329214580188&lng=106.722786
vue 修改文件不生效_如何修改 node_modules 里的文件
weixin_39874366的博客
12-13 6823
来源：沉末_https://juejin.im/post/5ec381215188256d776342cd前言有时候使用npm上的包，发现有bug，我们知道如何修改，但是别人可能一时半会没法更新，或者是我们特殊需求，别人不愿意修改，这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢？首先，直接修改node_modules里面的文件是不太行的，重新安装依赖就没有了。一般常用...
vue-cil3.0使用Jquery无效
shuibuzhaoa的博客
05-30 525
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 vue-cil3.0使用Jquery无效 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器
web项目中jsp文件中使用jquery失效
qq_42549884的博客
02-22 808
学习过程中遇到的小问题，编写的jquery绑定事件一直无法在页面触发，查阅了多种说法，比如$符号在jsp有冲突，改成jQuery使用等，后面发现原因在于其不能访问/WEB-INF/目录下的文件，而我引入js文件刚好放在WEB-INF/目录下，所以我把引入的js文件直接放在了webapp目录下，问题解决 ...
vue 引用js文件，如果不管用（或者不好使）
IT博客技术分享
07-26 3788
第①步： 首先在哪个vue文件那用肯定先在js的地方引下路径： <script> import loadJs from 'src/utils/load.js' export default { } </script> 第2步： 在mounted 里面 加载一下： mounted(){ loadJs('/static/metro/js/subway...
vue打包后更改js文件名称
LennieGao的博客
12-17 4757
好好学习 ，天天向上。Are you ready? vue默认打包dist文件(js文件默认名称） vue打包后更改js文件名称 例如： 中间部分加时间戳 代码奉上 修改vue.config.js const Timestamp = new Date().getTime(); const name = "vue-demo"; // 标题 module.exports = { configureWebpack: { name: name, output: { //
解决在页面中引用js文件和jQuery不生效的问题
Walker_zmc的博客
10-29 2115
今天在写代码的时候又遇到在页面中引用js文件和jQuery不生效的问题，想起来自己以前也遇到过但是又忘记是怎么解决的了，非常简单的问题，但居然一犯再犯，决定记录一下，以后可不能再粗心了，养成好习惯。 错误写法： <head> ...... <script type="text/javascript" src="../Js/jiexin.js"></scri...
vue3怎么导入外部js文件中的方法
06-11
在Vue3中可以通过以下步骤导入外部js文件中的方法： 1. 在Vue组件中使用`import`语句导入外部js文件，例如: ```javascript import { myMethod } from './myExternalFile.js'; ``` 2. 在Vue组件中使用导入的方法，例如: ```javascript export default { data() { return { message: myMethod('Hello World!') } } } ``` 其中，`myMethod`是导入的外部js文件中的方法，可以直接使用。 需要注意的是，如果要在Vue组件中使用导入的方法，需要确保外部js文件已经正确地加载到了页面中。可以在Vue组件的`mounted`生命周期钩子函数中进行相关操作，例如： ```javascript mounted() { const script = document.createElement('script'); script.src = './myExternalFile.js'; document.body.appendChild(script); } ``` 这段代码会在组件挂载后动态地向页面中添加一个`script`标签，从而加载外部js文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值