vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错

vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错

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

img

2、控制台显示引入成功

img

3、在methods下使用

img

图片看不清请看下面代码

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、控制台显示使用该插件方法报错

img

解决

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

img

已更正为:如下图

img

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

img

3、进行打印是否成功

img

打印结果,如下图

img

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值