1、由于在wxml里,不能直接在<views></views>
等标签里使用index.of()
等js方法,
只能先在<wxs></wxs>
里定义好需要使用的方法,因此:
第一种方式(直接在wxml文件的<wxs></wxs>
标签里书写):
1、书写indexof方法:
<wxs module="indexofStr">
module.exports.includes = function (str1, str2) {
return str1.indexOf(str2)
}
</wxs>
2、使用indexof方法:
<view wx:if="{{indexofStr.includes(str1,str2) > -1}}"></view>
3、同理:书写substring方法:
<wxs module="subStr">
module.exports.subString = function (str1, str2) {
return str1.subString(0, str2)
}
</wxs>
4、使用substring方法:
<text>{{subStr.subString(str1,str2)}}</text>
第二种方式:
1、创建wxs文件,strUtils.wxs
2、在该文件里面可以写多个自定义 的方法,最后用module.exports的方式将自定义的方法暴露出去:
function indexOfStr (str1, str2) {
return str1.indexOf(str2)
}
function subStr (str1, str2) {
return str1.subString(0, str2)
}
// 导出
module.exports.indexOf = indexOf
module.exports.subStr = subStr
3、在wxml里引入strUtils.wxs:
<wxs src="../../utils/strUtils.wxs" module="strUtils"></wxs>
4、使用:
<text>{{strUtils.subStr(str1,str2)}}</text>
<view wx:if="{{strUtils.indexOfStr(str1,str2) > -1}}"></view>
总结:
需要使用其它js方法均可参照这两种方式