大家知道,微信小程序的脚本语言是*.js,提供给页面*.wxml来调用的,微信官方后来推出脚本语言wxs,主要为补充页面渲染需要的脚本化支持。就好比jsp,php都提供有标签脚本,页面可以方便的调用相关功能函数来渲染页面。下面简单介绍一下使用方法。使用相对比较简单,基本相当于js脚本的写法,只是调用使用方法有些差异化。
1.声明脚本文件,比如subutil.wxs
//字符串分割
var split=function(names) {
return names.split(',')
}
//module.exports.split = split
//字符串截取
var substring= function(a_str,a_start,a_end){
var result=a_str;
result = a_str.substring(a_start, a_end);
return result;
}
module.exports = {
split: split,
substring: substring,
};
2.页面文件中调用,比如:调用文件为test.wxml
<wxs src="../../subutil.wxs" module="subutil"></wxs>
...
<block wx:else>
<block wx:if="{{subutil.substring(vposter,0, 4)=='http'}}">
<video src="{{videoUrl}}" id="video_main" poster="{{vposter}}" autoplay="true" bindplay="to_bindplay" bindtimeupdate="to_bindtimeupdate"></video>
</block>
<block wx:else>
<video src="{{videoUrl}}" id="video_main" poster="{{hostImg}}{{vposter}}" autoplay="true" bindplay="to_bindplay" bindtimeupdate="to_bindtimeupdate"></video>
</block>
</block>
...
这样我们在页面中就可以直接调用wxs声明的函数来展示页面。
本文持续改进、完善,欢迎大家提供宝贵意见...