vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错(问题已解决)

时间:2021-11-18 10:25:52

1、引入第三方js文件,npm安装不了

vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错(问题已解决)

2、控制台显示引入成功

vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错(问题已解决)

3、在methods下使用

vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错(问题已解决)

图片看不清请看下面代码

 updateTime() {
setInterval(()=>{
var cd = new Date();
var lunar = calendarNU.solar2lunar();//此处是引用插件方法
this.time = this.$options.methods.zeroPadding(cd.getHours(), ) + ':' + this.$options.methods.zeroPadding(cd.getMinutes(), ) + ':' + this.$options.methods.zeroPadding(cd.getSeconds(), );
this.calendar = this.$options.methods.zeroPadding(cd.getFullYear(), ) + '-' + this.$options.methods.zeroPadding(cd.getMonth()+, ) + '-' + this.$options.methods.zeroPadding(cd.getDate(), ) + ' ' + this.week[cd.getDay()];
},) },

4、控制台显示使用该插件方法报错

vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错(问题已解决)

怎么能使用引入的单个js里的方法?

实在搞不定,我的黑长直都要变成黄分叉了,先谢谢大伙了

此问题已解决2018/4/13     14:00分更新

1、检查原calendar.js文件,没有暴露方法

vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错(问题已解决)

已更正为:如下图

vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错(问题已解决)

2、导入的方法有问题  已更正 。请了解es6的语法    http://es6.ruanyifeng.com/#docs/module

vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错(问题已解决)

 3、进行打印是否成功

vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错(问题已解决)

打印结果,如下图

vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错(问题已解决)

感谢给予思路的小伙伴们~么么哒~

vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错(问题已解决)的更多相关文章

  1. vue项目打包后一片空白及资源引入的路径报错解决办法

    网上很多说自己的VUE项目通过Webpack打包生成的list文件,放到HBulider打包后,通过手机打开一片空白.这个主要原因是路径的问题. 1.记得改一下config下面的index.js中bu ...

  2. 对于vue项目更新迭代导致上传至服务器后出现Loading chunk {n} failed和Unexpected token <的解决方式

    相信大家对于vue项目的维护与更新中会遇见很多问题,其中有两种情况最为常见. 一种是Loading chunk {n} failed,这种情况出现的原因是vue页面更新上传至服务器后,由于vue默认打 ...

  3. 本地Vue项目跨域请求本地Node.js服务器的配置方法

    前言:跨域请求是在本地开发时经常遇到的需求,也很简单,只是几句代码配置一下的问题.我初次配置跨域请求时由于官方的说明太简洁,找到的教程又落伍,调试了一番并没有解决问题,到最后解决问题,已花费了很多时间 ...

  4. vue项目导入外部css样式和js文件

    <template> <div id="app" > </div> </template> <script src=&quot ...

  5. js&sol;jq仿window文件夹框选操作插件

    0.先给大家看看效果: 1.创建一个index.html文件 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 ...

  6. js、css等文件引入空白问题

    路径没错,不管路径怎么改变,js.css等文件就是引入失败.很多时候是因为Spring的过滤器把js.css等资源文件拦截了.default是tomcat配置的一个servlet,"Defa ...

  7. 在django中部署vue项目,不单独抽离dist文件

    1,在django项目下(app所在目录),新建vue项目,使用脚手架构建vue项目,vue create (项目名) 2,构建好以后,配置django: (1),配置settings: · 修改te ...

  8. vue项目中使用bpmn-流程图xml文件中节点属性转json结构

    内容概述 本系列“vue项目中使用bpmn-xxxx”分为七篇,均为自己使用过程中用到的实例,手工原创,目前陆续更新中.主要包括vue项目中bpmn使用实例.应用技巧.基本知识点总结和需要注意事项,具 ...

  9. vue项目通过webpack打包生成的dist文件放到express环境里运行(vue&plus;webpack&plus;express)

    1.首先需要的原料肯定是vue打包生成的dist文件 在vue项目目录下运行:npm run build,等待运行结束,会在项目目录下生成一个dist文件夹,里面会生成一些文件(如下图示) 小的项目文 ...

随机推荐

  1. 关于a标签点击会出现的背景色的问题

    同事今天在tap里面有a标签,并且给a标签块化之后,点击tap切换时会出现背景色,解决方案: body { margin: 0 auto; max-width:100%; background: #f ...

  2. MOTION-MATCHING IN UBISOFT’S FOR HONOR翻译

    http://www.gameanim.com/2016/05/03/motion-matching-ubisofts-honor/ Introducing For Honor with a vide ...

  3. 读书笔记-Android初学笔记

    Eclipse [ADT] 源 https://dl-ssl.google.com/android/eclipse Notice that no matter what scenario causes ...

  4. Cocos2d-x win7 &plus; vs2010 配置图文详解(亲测)

    下载最新版的cocos2d-x.打开浏览器,输入cocos2d-x.org,然后选择Download,本教程写作时最新版本为cocos2d-1.01-x-0.9.1,具体下载位置如下图: 下载完之后, ...

  5. SQL Server跨数据库 增删查改

    比如你在库A ,想查询库B的表.可以用 数据库名.架构名.表名的方式查询 select * from 数据库B.dbo.表1 也可以在存储过程中这样使用. 需要注意的是,如果使用这样的查询方式,你必须 ...

  6. C&num; 特性参数(注解属性加在参数前面)

    特性参数 webapi 框架里有很多特性参数,为了解除一些新人的疑惑,写个小例子分享下. class Program { static void Main(string[] args) { var m ...

  7. 如何用vue实现树形菜单?

    在公司培训了2周,布置的作业是从树形,grid分页以及echarts中选一个.由于都不是很熟,就挑了第一个.本来想在网上找找参考,然后模仿着做一个,但是网上的代码多少参差不齐,写到一半没了,所以只要自 ...

  8. 大数据 --&gt&semi; ProtoBuf的使用和原理

    ProtoBuf的使用和原理 一.简介 Protobuf是一个灵活的.高效的用于序列化数据的协议.相比较XML和JSON格式,protobuf更小.更快.更便捷.Protobuf是跨语言的,并且自带了 ...

  9. 程序员修神之路--&&num;129312&semi;分布式高并发下Actor模型如此优秀&&num;129312&semi;

    写在开始 一般来说有两种策略用来在并发线程中进行通信:共享数据和消息传递.使用共享数据方式的并发编程面临的最大的一个问题就是数据条件竞争.处理各种锁的问题是让人十分头痛的一件事. 传统多数流行的语言并 ...

  10. EL表达式取Map&comma;List值的总结

    EL表达式取Map中的值:后台action 中: Map map = new HashMap(); map.put(key1,value1); map.put(key2,value2); map.pu ...