在小程序wxml中截取字符串
在小程序的wxml中,不能直接在wxml中使用JavaScript代码进行字符串截取,但是可以在Page的data中处理好数据,然后在wxml中展示。
解决方案一:在Page的data中处理好数据
Page({
data: {
str: 'Hello World',
subStr: ''
},
onLoad: function () {
this.setData({
subStr: this.data.str.substring(0, 5)
});
}
});
然后在wxml中使用:
<view>{{subStr}}</view> <!-- 输出:Hello -->
解决方案二:使用wxs模块
首先在wxml中引入wxs模块:
<wxs module="wxs" src="./wxs/string.wxs"></wxs>
然后在wxml中使用wxs模块的函数:
<view>{{wxs.substring(str, 0, 5)}}</view> <!-- 输出:Hello -->
在wxs/string.wxs中定义substring函数:
// wxs/string.wxs
function substring(str, start, end) {
return str.substring(start, end);
}
module.exports = {
substring: substring
};
以上两种方式都可以在小程序的wxml中截取字符串。
评论已关闭