《微信小程序》在wxml中使用函數

在wxml中使用函數有兩種方法

 

方法一：在wxml中直接添加模塊，就可以在wxml中直接引用，舉個例子

<wxs module="func">
  module.exports = {
    // *星號替換
    strSplit: function (value) {
      value = value.toString();
      var str = '';
      str = value.substring(0, 3) + '****' + value.substring(7, value.length);
      return str;
    }
  }
</wxs>

<text>{{func.strSplit(12345678901)}}</text>

 

方法二：新建wxs文件，在文件中寫入函數，舉個例子

//  .wxs文件

var strReplace = function (value) {  //  *號替換
  value = value.toString();
  var str = '';
  str = value.substring(0, 3) + '****' + value.substring(7, value.length);
  return str;
}
module.exports = {
  strReplace: strReplace
}

 

<!-- .wxml文件 -->

<!-- 引入 -->
<wxs src="../../utils/filter.wxs" module="filter" />

<!-- 調用 -->
<text>{{filter.strReplace(12345678901)}}</text>