码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2019-03-10 13:40:46      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:mod   作用   js函数   微信   自己   var   模块   模块名   导入   

内容简介的换行

问题:因为微信的<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的应用

标签:mod   作用   js函数   微信   自己   var   模块   模块名   导入   

原文地址:https://www.cnblogs.com/TomAndJerry/p/10504934.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!