微信小程序:如何在{{}}中使用函数?WXML+WXS

在项目中涉及到对熏染在视图中的数据进行处理,想着写个方法在模板中调用进行相应处理

因为之前用vue 想着这样用

直接报错 不能调用js中的方法。

{{classification(item.classify)}}

后面翻阅了下文档

微信提出了一种新的概念,WXS文件可供使用,小程序的一套脚本语言,可以在WXML的{{}}中调用.wxs的方法。

我们新建一个.wxs文件

// 不支持 es6语法,这里我也不知道什么情况,有大佬知道的话可以告诉我,一开始用es6语法,一直无效
var obj = {
  //小数点后面保留两位小数
  numberToFixed: function (value) {
    var num = value * 1;//类型转换 防止传过了的是字符串类型
    return num.toFixed(2);
  },
  //汽车分类 根据类型id返回车型名称
  classification: function (classify) {
    var arr = ['新款车', '运损车', '换代新车', '库存车', '集采车', '活动车'];
    return arr[classify - 1];
  }
}
// 导出对外暴露的属性
module.exports = {
  numberToFixed: obj.numberToFixed,
  classification: obj.classification
}

在.wxml中引入文件:



在{{}中调用.wxs模块中的方法:

{{commom.classification(item.classify)}}

OK这样就可以了

不得不说,从某方面将,比vue还方便一些

你可能感兴趣的:(微信小程序:如何在{{}}中使用函数?WXML+WXS)