微信小程序> wxs,小程序学习wxs的用法

wxs,小程序学习wxs的用法

浏览量:3374 时间: 来源:张芝山
新版本的小程序的wxs功能可以让wsmxl可以调用和编写js
在根目录的util文件夹下,新建filter.wxs文件不能使用constconst是ES6的语法wxs无法运用
基本上wxs和JS无关系,只是语法形式很相似!编写几个方法就把方法名写到module.exports中!

//将反斜杠转换成文字varformat=function(text){//如果传进来的text不存在if(!text){return}//正则表达式匹配varreg=getRegExp('\','g')returntext.replace(reg,' ')}//限制获取的条数varlimit=function(array,length){returnarray.slice(0,length)}module.exports={format:format,limit:limit}编写完之后,如何引入wxml文件中呢?src是引入的文件路径,module是给引入的模块,也就是wxs文件定义一个新的名字(随便取)
!--引入wxs模块--wxssrc="../../util/filter.wxs"module="util"/然后在wxml文件中需要他的地方进行调用,util值wxs文件,limit文件中的方法
!--限制获取的条数--blockwx:for="{{util.limit(comments,5)}}"wx:key=""以上是wxs写在页面的外部文件的方法,现在介绍如果在页面文件中编写wxs:
module等于tool也就是这个模块名为tool,
//wxml代码底部下编写wxsmodule="tool"varhighlight=function(index){if(index==0){return'ex-tag1';}if(index==1){return'ex-tag2';}return''}module.exports={highlight:highlight}/wxs解析来是如何调用:highlight为模块下的方法名
v-tagbind:tapping="onPost"tag-text="{{item.content}}"

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎