微信小程序wxs的使用

678 阅读1分钟

先上官方文档:
developers.weixin.qq.com/miniprogram…
在开发中常用作过滤器,像vue的filter,废话不说,上代码

//对字符串进行分隔程数组,用在xml的循环展示
var mSplit = function(str){
  if(str == null){
    return ''
  }
  return str.split(',')
}

如何使用?
新建wxs文件,复制上面代码,记得将方法导出,这样在wxml里面才能引入,上代码

module.exports = {
  mSplit: mSplit,
};

注意:切记wxs里面的变量不要使用let,因为wxs是微信的脚本语言,和js还是有区别的。常见的可以用在wxml里面的方法如下:

/根据日期得到周几
var getDayOfWeek = function(dayValue){
  var day = Date.parse(dayValue.split('-').join('/'));
  var today = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
  console.log("今天是:" + today[day.getDay()])
  return today[day.getDay()]
}
//得到两个日期的相差天数
var getDateDiff = function(date1,date2){
  var d1 = Date.parse(date1);
  var d2 = Date.parse(date2);
  return (d2 - d1) / (24 * 60 * 60 * 1000)
}
//比较两个日期谁大是谁小
var compareDate = function(date1,date2){
  var d1 = getDate(date1)
  var d2 = getDate(date2)
  return d1 >= d2
}

还有一种写法就跟vue的过滤器一样的写法

var filterXXXType = {
  'aaa':'我是aaa',
  'bbb': '我是bbb',
}
使用:
tools.filterXXXType['aaa']
tools如何来的?
<wxs src="../../filter/filter.wxs" module="tools" />
该行代码就是在wxml里面引入,然后就可以使用tools.xxx()了