写vue项目时需要用到第三方js文件，引入时有问题

最新推荐文章于 2023-09-28 09:36:59 发布
最新推荐文章于 2023-09-28 09:36:59 发布
阅读量580 收藏 1
点赞数
分类专栏： 日常记录 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yang___yang_/article/details/122345820
版权

最近在写vue项目时，需要用到第三方的js文件，是一个类似于这种的：
a.min.js文件
想到的第一种方法自然是是以哦那个import导入，但是，这个js文件竟然不支持import导入，直接pass，毕竟俺这种小菜鸡看源码也看不懂，不然还能改改源码啥的；
第二种，在入口文件index.html里引入，因为我把这个js文件放在了utils文件夹里，所以我使用相对路径和绝对路径都试了，结果还是不行；
最后，我把这个js文件放在一个文件夹里，然后把这个文件夹放在public文件夹里，再引入就成功了
在这里插入图片描述
在这里插入图片描述

我好菜呐
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Vue cli 引入第三方JS和CSS的常用方法分享
10-18
本文将详细介绍两种在 Vue CLI 项目中引入第三方 JS 和 CSS 的常见方法。 ### 方法一：在 `index.html` 中引入 这是最传统也是最直观的方式，适用于全局引入第三方库。在项目根目录下的 `public/index.html` 文件...
Vue如何引入远程JS文件
11-27
最近在使用 Vue 做东西，用到钉钉扫描登录的功能，这里需要引入远程的 js 文件，因为 Vue 的方式跟之前的不太一样，又不想把文件下载到本地应用，找了一下解决的方法，貌似都需要引入第三方的库，最后找到了解决方案...
跳坑：Vue引入mui.min.js或者mui.js报错
GreyCastle的博客
03-19 2351
https://www.cnblogs.com/lingXie/p/11383277.html
解决vue单页面应用进入页面加载所有 js 的问题
11-19
一般在index.js中都是这么引入的组件 import from '@/pages/my' import Cart from '@/pages/cart' import Order from '@/pages/order' import TMap from '@/pages/map' import New from '@/pages/new' 换成这样就好啦 const My = r => require.ensure([], () => r(require('@/pages/my')), 'my') const Cart = r => require.ensure([], () =>
vue项目引入第三方js插件，单个js文件引入成功，使用该插件方法时报错（问题已解决）...
weixin_30338461的博客
04-13 1967
1、引入第三方js文件，npm安装不了 2、控制台显示引入成功 3、在methods下使用 图片看不清请看下面代码 updateTime() { setInterval(()=>{ var cd = new Date(); var lunar = calendarNU.s...
vue引入第三方js文件
weixin_43805439的博客
07-09 7177
1.把js文件放入静态文件文件夹(static)下； 2.修改build>webpack.base.conf.js文件 在resolve.alias添加需要的js文件 3.在需要的页面引入
vue项目引入第三方js插件，单个js文件引入成功，使用该插件方法时报错
weixin_43294092的博客
07-01 1541
vue项目引入第三方js插件，单个js文件引入成功，使用该插件方法时报错 1、引入第三方js文件，npm安装不了 2、控制台显示引入成功 3、在methods下使用 图片看不清请看下面代码 updateTime() { setInterval(()=>{ var cd = new Date(); var lunar = calendarNU.solar2lunar();//此处是引用插件方法 this.time = th
Vue系列:在离线环境下部署，CDN无法访问导致vuex.min.js、axios.min.js和vue-router.min.js的cdn地址无法访问
浪潮行舟_chenjin2136
04-21 1590
将这些文件下载到本地，并将它们添加到项目的静态资源目录中，在HTML文件中使用相对路径进行引用。等，可能是因为这些文件被从CDN地址引用，而你的内网环境无法访问这些CDN地址。语句进行引用，这样就不需要从CDN地址引用了。在无外网环境下部署Vue项目，如果在内网环境中无法访问到一些必须的文件，比如。使用npm安装这些依赖包，并在Vue项目中通过。然后在需要使用这些库的文件中通过。有其他好的方式，欢迎一起交流。
详解vue-cli+es6引入es5写的js(两种方法)
12-12
学习了vue有一段日子了，vue+es6开发非常好用，vue的插件非常多，很充足，但是还是会用到引入第三方外部js的时候，但是很多人在vue-cli中的.vue文件引入es6会出很多错误，因为我们的代码是es6写的，你引入es5的js...
从零开始搭建vue移动端项目到上线的步骤
10-17
其中，`assets` 文件夹存放的是会被webpack处理的静态资源，如图片，而`static` 文件夹则用于存放不受webpack影响的静态文件，如第三方库。在实际开发中，通常将图片等资源放入`assets`，第三方库如字体文件放入`...
vue组件内部引入外部js文件的方法
11-21
之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。 第一种操作 Dom引入js： export default { mounted() { const s = document.createElement('script'); s.type = 'text/javascript'; s.src = '你的需要的js文件地址'; document.body.appendChild(s); }, } 第二种使用 createElement 方法： export default
vue项目中使用AES实现密码加密解密（ECB和CBC两种模式）
10-16
在Vue项目中，我们可以使用第三方库`crypto-js`来实现AES加密解密。以下是如何在Vue中使用AES加密的示例代码： ```javascript // 安装 crypto-js 库 npm install crypto-js --save-dev // ECB 模式 import ...
vue引入静态js文件(以引入adaPay.min.js文件为例)
qq_38123697的博客
03-16 2762
vue引入静态js文件 注：附Adapay的SDK引入方法 废话不多说直接上代码 // 公众号可以，小程序不可以。公众号按照正常工具类引入即可。（文件路径一定要正确） import AdaPay from '@/js_sdk/adaPay/adaPay.min' 下图是我的文件路径、js_sdk在src目录下 // 在methods中的支付事件中调用AdaPay.doPay即可 creat...
Vue 组件中如何引入外部的js文件
grootbaby
03-23 5609
在Vue中，通常我们引入一个js插件都是使用npm方式下载然后import使用的。但是我现在本地有了js文件或者是一个远程js文件链接，我不想使用的方式，有什么办法吗？
js引用时发现其不起作用
qq_46038677的博客
07-29 522
今天写了个简单复选框全选的功能，就那几行代码结果最后搞了2个小时才成功了 原因是：外部引用js时放在头部的位置，结果先解析的是js，HTML是后解析的，导致js拿不到值。 知识点：浏览器解析默认是从上往下顺序进行的。 解决办法一： 将j外部引用js放在下面的body的下面 解决方法二： 将js代码放在window.οnlοad=function(){}中即可 知识点：当文档完全加载到浏览器中时，才会触发window.onload事件。 就这么简单！！害的我找问题找半天！！ ...
vue三种import导入方式详解？
最新发布
TangMonk的博客
09-28 3922
这三种导入方式可以根据你的需求和项目结构来选择。默认导入适用于导入单一默认导出的情况，命名导入适用于导入多个具名导出的情况，而导入整个模块适用于需要多个导出的情况，并且你想将它们组织在一个对象中。导入一个模块并使用其中的导出时，通常需要先确保导出已经在模块中正确定义。这种方式用于导入一个模块的默认导出（通常是一个组件或一个对象）。这种方式用于导入一个模块中的具名导出。你可以在导入语句中使用大括号。你还可以导入整个模块，以便在需要时访问其中的多个导出。文件中的默认导出，并将其命名为。
Vue一个页面调用另一个页面的方法
lllsj的博客
02-23 1617
在调用方法页面和被调用方法页面同时引入中间js，通过中间js来进行方法调用 将中间js命名为MiddleUtil.js，代码为 import Vue from 'vue'; export default new Vue; 被调用方法页面代码 <scripts> import MiddleUtil from '../util/MiddleUtil'; export default { data() { return { property1: '' } } me
vue引入网络第三方js（引入高德地图为例）
热门推荐
lovlin_l的代码世界
02-11 1万+
1.界面引入组件remoteload&lt;!-- 描述：拖放地图组件，默认尺寸是 500 * 300 接收属性参数： lat: 纬度 lng: 经度 自定义事件： drag: 拖放完成事件 示例： &lt;mapDrag @drag="dragMap" lat="22.574405" lng="114.095388"&gt;&lt;/mapD...
antd自定义设置title和footer
菜鸡互啄的博客
03-02 7861
项目中有使用到antd的组件库中的modal对话框，需求中的标题和底部按钮都是需要自定义的，记录在此： modal中的title属性支持string和ReactNode： title={[<div style={{color:'red'}}>我是标题</div>...可设置多个]} //同时也可以设置样式了 底部同理：footer属性支持string和ReactNode：底部可以只设置一个按钮用作返回 footer={[<Button key="back" on
在vue组件引入第三方普通js格式的js文件并使用
04-25
你可以使用Vue的created()和mounted()生命周期钩子函数来引入和使用第三方普通的JS文件。具体步骤如下： 1. 在Vue组件中引入需要使用的第三方JS文件。 例如，如果需要使用jquery.js，可以在组件中添加以下代码： ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我好菜呐

啊？真的给我打赏嘛？？

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值