小程序WXS 实现过滤器
1.新建WXS文件:
这个文件的格式必须是wxs的,不能直接新建js文件.wxs 与 javascript 是不同的语言,有自己的语法,并不和 javascript 一致
- 在新建的wxs文件内添加过滤器代码:
var format = function (text){
if(!text){
return
}
var reg = getRegExp('\\\\n','g')
return text.replace(reg,'\n')
}
module.exports = {
format:format
}
- 在页面引入wxs文件定义的过滤器(须是相对路径):
<!-- 引入utils内的格式函数,需要制定一个module名 -->
<wxs src="../../utils/filter.wxs" module="fmt" />
4.在需要用过滤器的节点上添加过滤器 (过滤器名.过滤方法名) ,值得注意的细节是:小程序内如果需要对内容进行转码,需要设置 :decode="{{ true }}",否则默认是不解码的.
<view class="summary">
<!-- decode(是否解码) 可以解析的有 < > & '     -->
<text decode="{{ true }}">{{ fmt.format(bookDetails.summary) }}</text>
</view>
5.通过这个过滤器就能实现对text内的’\n’ 转换为’\n’ ,开启解码,因此在渲染的时候,会解析’\n’自动换行.