微信小程序数据绑定如何绑定函数方法

概述

  使用微信小程序进行数据绑定我们绑定的都是data的数据，data的数据发生变化，就会相应的触发渲染。当时找了半天，这个.wxml也只是绑定data里面额数据，但是有时候我们需要根据数据在方法里面计算一个数据进行显示，这个使用如果能够绑定函数方法进行计算返回就会显得很方便（使用过vue的兄弟应该能很清楚的意识到这点）。

  找了半天的官方文档发现了一个标签，这个标签里面可以写方法，而且可以使用双层大括号{{}}来进行绑定。这个标签是:

<wxs></wxs>

【如果有其它的方式，欢迎指正说明】

WXS

  想要进行具体了解的朋友可以查看官方wxs文档。这个标签可以直接使用，在里面定义方法，也可以另外的定义一个叫做.wsx的文件然后进行引入。两种方式如下。

直接使用wxs标签

<wxs module="tool"> 
  module.exports = {
    test: function(min){
      return Math.random()*min+1;
    }
  }
</wxs>

<view>
    {{tool.test(10)}}
</view>

使用.wxs文件

// tool.wxs
var test = function(min){
    return Math.random()*min+1;
}

module.exports = {
    test: test
}

// .wxml
<wxs src="./tool.wxs" module="tool"></wxs>

<view>
    {{tool.test(10)}}
</view>