小程序踩坑记(二)———wxml中切割字符串

遇到的问题: 在微信wxml中切割字符串无效(如下图:错误示范)

原因: wxml不支持

解决办法:

1. 目录中新建wxs文件

2. wxs中代码如下:

/**
 * 参数1: 要截取的字符串
 * 参数2: 开始截取的index
 * 参数3: 结束截取的index
 */
var substring = function (val,start,end) {
  if (val.length == 0 || val == undefined) {
    return;
  }
    return val.substring(start,end);
}
module.exports.substring = substring;

3.要使用截取方法的wxml中引入当前wxs文件

//这里路径是相对路径,根据自己的路径去修改
<wxs src='../../wxs/utils.wxs' module='tools'/>

4.wxml中使用

//截取前: 2019-05-05  截取后: 2019
<view>{{tools.substring(text,0,4)}}</view>