小程序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)}}