欢迎光临,了解微信小程序开发,就上易用通! QQ登录

小程序的wxs的使用

发布:2021-07-07 08:55浏览:来源:网络 编辑:程小序

wxs是小程序的一种小程序的脚本语言,结合wxml可以构建页面的结构,其语法类似es5,不支持类似es6以上的语法形式,可以用wxs来编写过滤器

1、能干的事:

  wxml中是不能使用函数的,但是如果你要在wxml的页面中使用函数的话,wxs可以做到

2、创建wxs文件

  可以直接在wxml中直接创建(类似于在html中写js),也可以在根目录下新建一个util存放,wxs文件后缀是 .wxs。在wxs文件中,直接声明函数就可以了,然后用module.exports导出(类似于单独写一个js文件,然后引入)

var format = function(text){
  if(!text){
    return 
  }
  /**正则表达式的编写 getRegExp第一个参数是要被替换的字符 第二个参数是全部的意思 */
  var reg= getRegExp('\\\\n', 'g');
  return text.replace(reg, '\n    ');
}

var limit = function(array, length){
  return array.slice(0, length)
}

module.exports = {
  format: format,
  limit: limit
}

2、使用

如果是新建的一个wxs文件,那么首先需要引入,定义一个wxs标签,module是这个wxs文件的别名,后续使用都是用这个名称

<wxs src="../../util/filter.wxs" module="util" />

使用:util是上面定义的别名,format是wxs文件中定义的一个方法,该方法需要传入一个参数

<text class="content" decode="true">{{util.format(book.summary)}}</text>




免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。

在线客服1:
点击这里给我发消息

在线客服2:
点击这里给我发消息

商务客服:
点击这里给我发消息

服务时间:
9:00-18:00(工作日)