微信小程序wxs的使用

最新推荐文章于 2025-07-15 03:47:18 发布

转载最新推荐文章于 2025-07-15 03:47:18 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5bea74a4e51d4549d46de1cc

文章标签：

#javascript #数据库 #ViewUI

先上官方文档：
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()了
复制代码