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

小程序WXS的介绍

时间:2020-05-18 14:13:07      阅读:88      评论:0      收藏:0      [点我收藏+]

标签:style   XML   col   ext   span   ret   目录   方法   color   

小程序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>

 

小程序WXS的介绍

标签:style   XML   col   ext   span   ret   目录   方法   color   

原文地址:https://www.cnblogs.com/zxuedong/p/12910085.html

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