前言
当你兴致勃勃的在微信小程序
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方法啦。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/79382.html
