微信小程序——列表遍历排序方法

Page({data: {arr: [{ id: '1', name: '一', age: '12' },{ id: '5', name: '五', age: '24' },{ id: '3', name: '三', age: '28' },{ id: '4', name: '四', age: '18' },{ id: '2', name: '二', age: '36' },],},mySort: function (e) {//property 根据什么排序var property = e.currentTarget.dataset.property;var self = this;var arr = self.data.arr;var sortRule = true; // 正序倒序self.setData({arr: arr.sort(self.compare(property, sortRule))})//console.log(arr)},compare: function (property, bol) {return function (a, b) {var value1 = a[property];var value2 = b[property];if(bol){return value1 - value2;}else {return value2 - value1;}}},
})

<button bindtap="mySort" data-property="id">根据id排序</button>
<button bindtap="mySort" data-property="age">根据年龄排序</button>
<view wx:for="{{arr}}" wx:key="id" wx:for-item="item" data-id="{{item.id}}"><view>{{item.name}}</view>
</view>

微信小程序——列表遍历排序方法相关推荐

微信小程序详解 php,微信小程序列表开发详解
本文主要和大家分享微信小程序列表开发详解,主要以代码的形式和大家分享,希望能帮助到大家. 一.知识点 (一).列表渲染 wx:for tip:wx:for="array"可以等于参 ...
微信小程序-wx.createInnerAudioContext的方法执行多次问题
微信小程序-wx.createInnerAudioContext的方法执行多次问题在项目中用wx.createInnerAudioContext做语音播放这一块,测试的时候发现第一次播放的时候onP ...
微信小程序监听 watch方法
微信小程序监听 watch方法使用过vue框架的应该使用过watch监听变量那么在微信小程序中怎么使用watch 首先我们需要引入一个watch.js文件到我们的全局中 // 监听页面数据变化 ...
微信小程序列表加载动画示例
微信小程序列表加载动画微信小程序列表加载动画示例实现思路什么是动画? 导航栏设置列表动画加载完整代码demo 微信小程序列表加载动画示例初学微信小程序开发,记录一下.网上找了很久这种效果, ...
微信小程序列表实现文字内容超出隐藏并显示全文/收起按钮
微信小程序列表实现文字内容超出隐藏并显示全文/收起按钮针对这个功能,产品的需求如下由于我们项目是教育类产品所以这里这个功能会用在发动态这里,就像微信朋友圈那样,我们叫班级圈. 用户发班级圈时,可以 ...
微信小程序开发难？资深大V教您微信小程序制作步骤和方法
微信小程序开发难?资深大V教您微信小程序制作步骤和方法一.登录微信公众平台就能在菜单"开发"---"基本配置"中看到小程序的AppID了,小程序的 Ap ...
小程序怎么清服务器缓存,怎么清理微信小程序缓存微信小程序缓存删除的方法...
微信小程序上线之后,关注的小程序越多,哪么将占用的手机空间就越大,这些程序会产生一定的缓存,那么怎么清理小程序缓存呢?微信小程序内的缓存到底如何清除?和小编一起来看看删除微信小程序缓存的方法吧. 一些 ...
电脑版微信小程序全屏显示方法，手机横屏方法。
电脑版微信小程序全屏显示方法: 在app.json中加入:"resizable": true 注意要与"pages"同级,网上有许多错误方法! 手机横屏方法: ...
小程序setdata优化_微信小程序 setData的使用方法详解
微信小程序 setData的使用方法详解微信小程序 setData的使用方法详解最近在使用微信小程序的setData时,遇到了以下问题.如下: 官网文档在使用setData()设置数组对象的某个元 ...

微信小程序——列表遍历排序方法

微信小程序——列表遍历排序方法相关推荐

最新文章

热门文章