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

内容简介的换行

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

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

wxs的使用

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

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

使用:

  • 方法一:在util文件夹下新建filter.wxs文件,段首可以设置text-indent,来设置首行缩进
//定义filter.wxsvar 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,具体详见微信开发文档

相关文章