小程序WXS 实现过滤器

小程序WXS 实现过滤器

1.新建WXS文件:

这个文件的格式必须是wxs的,不能直接新建js文件.wxs 与 javascript 是不同的语言，有自己的语法，并不和 javascript 一致

2. 在新建的wxs文件内添加过滤器代码:

var format = function (text){
  if(!text){
      return
  }
  var reg = getRegExp('\\\\n','g')    
  return text.replace(reg,'\n')
}

module.exports = {
  format:format
}

3. 在页面引入wxs文件定义的过滤器(须是相对路径):

<!-- 引入utils内的格式函数,需要制定一个module名 -->
<wxs src="../../utils/filter.wxs" module="fmt" />

4.在需要用过滤器的节点上添加过滤器 (过滤器名.过滤方法名) ,值得注意的细节是:小程序内如果需要对内容进行转码,需要设置 :decode="{{ true }}",否则默认是不解码的.

<view class="summary">
     <!-- decode(是否解码) 可以解析的有 &nbsp; &lt; &gt; &amp; &apos; &ensp; &emsp; -->
     <text decode="{{ true }}">{{ fmt.format(bookDetails.summary) }}</text>
</view>

5.通过这个过滤器就能实现对text内的’\n’ 转换为’\n’ ,开启解码,因此在渲染的时候,会解析’\n’自动换行.