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

内容简介的换行

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

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

wxs的使用

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

使用:

  • 方法一:在util文件夹下新建filter.wxs文件,段首可以设置text-indent,来设置首行缩进
//定义filter.wxs
var format = function(context){
  //处理文本内容,将双\\n换成\n
 var reg = getRegExp('\\\\n','g');
 return context.replace(reg,'\n&nbsp;&nbsp;');
}
module.exports = {
 format:format
}
//wxml页导入filter.wxs
<wxs src="filter.wxs的相对路径" module="定义模块名"/>

//调用
<text decode="true">{{模块名.format(context)}}</text> //text要设置解码
  • 方法二:可以直接在wxml中定义wxs,具体详见微信开发文档

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

上一篇:小程序-带参跳转页面


下一篇:微信的坑