在项目中涉及到对熏染在视图中的数据进行处理,想着写个方法在模板中调用进行相应处理
因为之前用vue 想着这样用
直接报错 不能调用js中的方法。
<view class="car-type">{{classification(item.classify)}}</view>
后面翻阅了下文档
微信提出了一种新的概念,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文件 src为相对路径,module指定当前模块的名称 -->
<wxs module="commom" src="../../commom/commom.wxs"></wxs>
在{{}中调用.wxs模块中的方法:
<view class="car-type">{{commom.classification(item.classify)}}</view>
OK这样就可以了
不得不说,从某方面将,比vue还方便一些