vue-cli3引入第三方的js依赖包并使用其方法

1.直接在indes.html下引入2.使用方法可参考链接：https://blog.csdn.net/weixin_34006468/article/details/88687199?utm_medium=distribute.pc_feed_404.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase&depth_1-utm

i_am_a_div_日积月累_

3582人浏览 · 2020-08-04 18:41:48

i_am_a_div_日积月累_ · 2020-08-04 18:41:48 发布

注意：引入第三方的包有两种，一种是做特殊要求必须如何引用的；一种是没有要求的

情况1：js包要求了如何引入的，按照其文档的方式引入和使用即可

1.1直接在indes.html按照要求引入
在这里插入图片描述

1.2使用方法
在这里插入图片描述

情况2：没有声明如何引入的

2.1直接在index.html下

<script src="<%= BASE_URL %>某某某包.js"></script>

需要注意的是，如果用到js包里面的方法，则需要将其函数方法暴露出来

在这里插入图片描述

2.2在组件内使用初始化方法,注意引入方式；

在这里插入图片描述

可参考链接：
https://blog.csdn.net/weixin_34006468/article/details/88687199?utm_medium=distribute.pc_feed_404.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase&depth_1-utm_source=distribute.pc_feed_404.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecas

https://www.cnblogs.com/aidixie/p/10649725.html

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^