小程序WXS的介绍

Posted 2021-02-18 张雪冬前端工程师学习园地

小程序WXS的介绍

 

1.介绍：首先我们并不能直接在wxml模板中调用函数，比如我们想使用自定义一个方法，对wxml中的数据进行一个过滤，此时就可以使用wxs了

// 在utils目录下新建一个index.wxs

function splitString (name) {
  return name + "====" + "最漂亮"
}

// 将此方法导出去让wxml页面使用
module.exports = {
  splitString: splitString
}

<!-- 在页面或者组件中的wxml引入使用 -->

<!-- 
  相当于过滤器一样的使用
  module：将工具方法或者数据导出来 
-->

<wxs src="../../utils/index.wxs" module="tools"></wxs>

<view>
  {{ tools.splitString(‘小美‘) }}
</view>