在微信小程序wxml页面进行字符切割_小程序拆分字符串-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_46032261/article/details/129427157

微信小程序开发中,有时候需药截取一个字段的内容在页面进行展示,网上大多数的方式是通过样式来控制，但是这样做会影响之前做好的页面布局.由于后台返回的是个list数组,所以在js里面也不太方便去使用subString做字段截取,这时候就需要在WXML上直接做截取,但直接使用subString在WXML里又是无效的,那怎么办呢,这时候就需要用到微信的脚本语言wxs了.这里我就大致讲解下WXML下怎么使用WXL在其里面直接做字段截取.

一、首先,新建一个capture.wxs的文件,用于专门存放.wxs的文件,

二、. wxs里面写的就是截取字符串的方法,这个里面可以写多个自定义的方法,但是需要用module.exports的方式将自定义的方法暴露出去

var subStr = function (val, start, stop) {
    if (val) {
        return val.substring(start, stop)
    } else {
        return ''
    }
}
var subDate = function (val) {
    if (val) {
        return val.substring(0, 10)
    } else {
        return ''
    }
}
module.exports = {
    subStr: subStr,
    subDate: subDate,
};

三、在需要用到的wxml页面引出，然后直接用就可以了

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

 <text class="v-name">{{tools.subDate(numbe.InsertTime)}}</text>