小程序开发-13-小程序wxs的应用

Posted 2021-02-12 甜珊贝奇

内容简介的换行

问题：因为微信的<text></text>标签能够转义 ，所以从服务器加载来的数据我们可以直接放到这个标签中， 就会自己换行了。问题是服务器返回来的数据多了个，即\n，所以我们要想办法进行处理。

解决：可以用wxs来让wxml调用js函数，然后在函数里面处理文本信息

wxs的使用

作用：可以用作小程序的过滤器

使用：

• 方法一：在util文件夹下新建filter.wxs文件，段首可以设置text-indent，来设置首行缩进

//定义filter.wxs
var format = function(context){
  //处理文本内容,将双\n换成

 var reg = getRegExp('\\n','g');
 return context.replace(reg,'
  ');
}
module.exports = {
 format:format
}

//wxml页导入filter.wxs
<wxs src="filter.wxs的相对路径" module="定义模块名"/>

//调用
<text decode="true">{{模块名.format(context)}}</text> //text要设置解码

• 方法二：可以直接在wxml中定义wxs，具体详见微信开发文档