微信小程序在wxml页面中截取字符串

前言

当你兴致勃勃的在微信小程序wxml页面中使用substring方法截取字符串时，你会发现原本适用于vue的方法在微信小程序中压根不适用，经查阅，原来微信小程序有自己独一套的处理方法。

定义一个字符串

dataList: "123456789"

在vue中

{{dataList.substring(5, 10)}}

然而在小程序中

{{dataList.substring(5, 10)}}

你会发现在小程序中substring方法并没有生效，看了官方文档后才发现，小程序有自己的一套脚本语言，结合WXML，可以构建出页面的结构。需要注意的是，WXS与JavaScript是不同的语言，它有自己的语法，并不和JavaScript一致。有关于WXS更详细的介绍大家可以去 微信官方文档 查阅。

话不多说，下面用一个简单的实例教你怎么在微信小程序使用WXS。

实例

capture.wxs文件（公共文件）

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

wxml文件

<!-- 引入文件 --><wxs src="../../utils/capture.wxs" module="tools" /><!-- 调用tools.subDate方法截取字符串 --><view>{{tools.subDate(dataList)}}</view>

js文件

Page({data: {dataList: "123456789"},})

运用了wxs后，你就会发现能够在微信小程序中愉快的使用substring方法啦。