小程序wxml管道

用过Angular的都知道管道的概念。

管道就是数据的转变，例如某个选项的value是A，对应文本显示为车票预订，如何在wxml页面上将A转化为车票预订？

一、新建wxs文件

function cgAnpai(str) {
  if(!str||str.length==0){
    return '';
  }
  return str.replace('A', '车票预订').replace('B', '机票预订').replace('C', '已购票').replace('D', '自驾');
}
module.exports.cgAnpai = cgAnpai;

二、引入wxs

在需要使用管道的wxml头部引入wxs文件

<wxs src="../../utils/changetxt.wxs" module="tools" />

src里填文件路径

三、使用

在wxml里使用

{{tools.cgAnpai(item.traffic_type.value)}}