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

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

 

 

2、控制台显示引入成功

 

3、在methods下使用

 图片看不清请看下面代码

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

 

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

 

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

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

 

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

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

 

 

已更正为:如下图

 

 

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

 

 3、进行打印是否成功

 

 

打印结果,如下图

 

 

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

 

posted @ 2018-04-13 11:54  百撕可乐  阅读(68354)  评论(5编辑  收藏  举报
版权声明:本博客原创文章使用CC3.0授权协议,署名-非商业性使用-禁止演绎。转载本博客文章须在开头位置著名原作者姓名以及原文链接,违反协议的转载将受到我本人的版权追责。