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

概述

使用微信小程序进行数据绑定我们绑定的都是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>

微信小程序数据绑定如何绑定函数方法相关推荐

3-STM32+Air724UG基本控制篇(自建物联网平台)-整体运行测试-微信小程序扫码绑定Air724,并通过MQTT和模组实现远程通信控制
说明这节测试一下微信小程序扫码绑定Air724模组然后实现微信小程序和开发板之间通过MQTT进行远程通信控制. 这一节作为板子的整体功能测试,用户下载这一节的程序用来测试基本控制篇实现的基本功能还 ...
微信小程序setinterval_微信小程序中setInterval的使用方法
微信小程序中setinterval的使用方法看了下小程序的画布功能,简单的使用了一下,用蹩脚的逻辑做了个 "弹啊弹,弹走鱼尾纹的小球",一起来看下吧.过程不重要主要是画布的使用哦 ...
[微信小程序开发] 用wx.navigateTo方法跳转到tabBar中被定义了的页面将无法跳转
[微信小程序开发] 用wx.navigateTo方法跳转到tabBar中被定义了的页面将无法跳转举例: main.js中: tabBar中定义了页面"pages/test/main&qu ...
微信小程序中下载app的方法
微信小程序中下载app的方法因为微信小程序本身是不推荐引流到外部的,所以正规的方法其实都是被禁止掉的,大致方向是打开内部浏览器,进入应用宝下载页面(如果app接入应用宝),或者是通过右上角的在系统浏 ...
家用电脑设置成小程序服务器,电脑微信小程序设置全屏的方法是什么
电脑微信小程序设置全屏的方法是什么方法:首先配置小程序resizeable的参数设置为true,这样操作可以在电脑端打开一个较大的横向窗口显示,屏幕大小是1024乘以768的,然后再按下全屏按钮,便 ...
java监听微信_一种基于java后台应用监控微信小程序的用户访问量的方法与流程...
本发明涉及java应用与微信小程序应用开发技术领域,具体涉及一种基于java后台应用监控微信小程序的用户访问量的方法. 背景技术: 微信小程序,简称小程序,是一种不需要下载安装即可使用的应用,它实现了 ...
html制作炸金花,微信小程序怎么制作炸金花?微信小程序制作炸金花的方法
很多朋友喜欢玩炸金花游戏,那么怎么在微信小程序上制作炸金花呢?下面就是小编带来的完整详细的教程,想要学习的小伙伴就赶紧看过来吧. 微信小程序怎么制作炸金花?微信小程序制作炸金花的方法 app.json ...
微信小程序转二维码方法分享
微信小程序转二维码方法分享需要转码的可以看看这个东西是看个人需求的,618就要来了,各种活动也将来袭有些小伙伴不知道怎么生成为了方便小程序邀请活动没法外发,这里分享下将小程序转二维码的方法首 ...
微信小程序多级列表绑定
微信小程序多级列表绑定 1.wxml <view class="weui-form-preview margin-bottom" wx:key="" wx ...

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

概述

WXS

直接使用wxs标签

使用.wxs文件

微信小程序数据绑定如何绑定函数方法相关推荐

最新文章

热门文章