微信小程序> 小程序引用js模块

小程序引用js模块

浏览量:494 时间: 来源:chenjie6848

当新建了一个小程序项目的时候,就会自带一个utils文件夹,里面的一个util.js,点击util.js看里面是一个格式化时间的js。

现在看看怎么引用这个js模块。

新建一个mypage的Page页面。分别有mypage.js;mypage.json;mypage.wxml;mypage.wxss的文件。

点击mypage.js文件,在Page({...的上面

const myTime = require('../../utils/util.js')

这样就引入了模块。

在page里面页面初始数据data定义一个变量;

data: {    nowTime: '',  },

在onLoad函数里面;

onLoad: function (options) {    let t = new Date()    this.setData({      nowTime: myTime.formatTime(t),    })},

保存,编译,没有显示时间。

点击mypage.wxml文件,绑定变量;

view class="timestyle"{{nowTime}}/view

保存,这时就显示了时间。

小程序

 

 

如果要直接引用模块里的方法,点开util.js文件

将原来的暴露接口注释了,改成下面这个,

// module.exports = {//   formatTime: formatTime// }module.exports = formatTime

保存,这时会报错。

打开mypage.js文件,将onLoad里面的myTime.formatTime(t),改成myTime(t)。保存可以了。

你的其他js模块也类似上面的说的方法引用了。

 

现在时间是不动的,如果要时间变化。

页面初始数据新加一个变量realTime: ''

写一个方法定时器,通过setTimeout()。

  mytimer: function () {    let t = new Date()    this.setData({      realTime: myTime.formatTime(t),    })    setTimeout(this.mytimer, 100)  },

在mypage.wxml里面加一行

view class="timestyle"{{realTime}}/view

保存,这时还未有看到有数据,还要在onLoad里加入this.mytimer()。保存这时就可以了。

小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎