uniapp实现table排序

根据后端接口传来的数字大小对列表进行升序/降序展示 

效果图,价格由高到低降序 

价格由低到高 升序

js  降序升序代码如下

	export default {data() {return {MtList:[]}},onLoad() {this.MtypeName();//加载列表方法},methods: {MtypeName(){//列表方法this.$api.getTypeNameUserID({ctime1:this.ctime3,ctime2:this.ctime4,}).then(res => {//allmoney 金额this.MtList = res.result.sort((a,b)=>b.allmoney-a.allmoney);//降序//this.MtList = res.result.sort((a,b)=>a.allmoney-b.allmoney);//升序})},}

wxml 代码

<view class="typeClassDiv"><view class="typeListClass" v-for="(m,index) in MtList" @click="typeBut(m.typename,m.allmoney,m.bCount)"><image :src="m.typeLogo" class="tyLogo"></image><view class="tyContent"><view class="tytop"><text class='typeNameClass'>{{m.typename}}</text><text class='typeMClass'>{{m.bfb}}%({{m.bCount}}笔)</text></view><view class="tybottom"><view class="progress-box"><progress style="padding-top: 10px;padding-left: 2px;" :percent="m.bfb" stroke-width="3"/></view></view></view><view class="tyFont">¥{{m.allmoney}}</view></view>
</view>

小程序日常记一记 分析页面  可参考

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/870339.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

与沃尔玛进行EDI对接,需要了解什么?如何实现EDI对接呢?

与沃尔玛进行EDI对接前&#xff0c;需要了解什么呢&#xff1f; 首先&#xff0c;需要了解什么是EDI&#xff1f; EDI&#xff08;Electronic Data Interchange&#xff09;即电子数据交换&#xff0c;借助EDI使得企业&#xff08;计算机/应用系统&#xff09;与企业&#xff…

2024透明加密软件最新推荐丨11款好用的透明加密软件

在数字化时代&#xff0c;文件与数据安全愈发重要&#xff0c;保护信息安全刻不容缓。文件加密软件应运而生&#xff0c;成为了信息安全的重要帮手。透明加密技术凭借众多的优点备受青睐。那么&#xff0c;什么是透明加密技术呢&#xff1f; 透明加密技术是一种在不影响用户正…

STM32读取LX-224总线舵机信息

一、舵机指令包格式 帧头&#xff1a; 连续收到两个 0x55 ,表示有数据包到达。ID: 每个舵机都有一个 ID 号。ID 号范围 0&#xff5e;253,转换为十六进制 0x00&#xff5e;0xFD。广播 ID: ID 号 254(0xFE) 为广播 ID,若控制器发出的 ID 号为 254(0xFE)&#xff0c;所有的舵机均…

『Django』自带的后台

theme: smartblue 本文简介 点赞 关注 收藏 学会了 上一篇讲了 Django 操作 MySQL 的方法&#xff0c;讲了如何创建模型&#xff0c;如何对数据库做增删改查的操作。但每次修改数据都要写代码&#xff0c;多少有点麻烦。 有没有简单一点的方法呢&#xff1f; 有的有的&#…

第十九章 Nest multer 文件上传

上章我们了解了Express multer 文件上传的相关操作 本章将了解Nest中的文件上传。用 multer 包处理 multipart/form-data 类型的请求中的 file 新建个 nest 项目: nest new nest-multer-upload 安装 multer 的 ts 类型的包&#xff1a; npm install -D types/multer1、单文件…

进阶版智能家居系统Demo[C#]:整合AI和自动化

引言 在基础智能家居系统的基础上&#xff0c;我们将引入更多高级功能&#xff0c;包括AI驱动的自动化控制、数据分析和预测。这些进阶功能将使智能家居系统更加智能和高效。 目录 高级智能家居功能概述使用C#和AI实现智能家居自动化实现智能照明系统的高级功能 自动调节亮度…

Linux C语言基础 day7

目录 思维导图&#xff1a; 学习目标&#xff1a; 学习内容&#xff1a; 1. 数组 1.1 对数组元素的常规操作 1.1.1 逆序 1.1.2 挑选数据 1.1.3 排序 1. 冒泡排序 2. 选择排序 2. 二维数组 2.1 二维数组的概念 2.1.1. 定义格式 2.2.2.初始化 2.2 二维数组的相关操…

2.4G芯片开发的遥控玩具方案介绍 东莞酷得

玩具从早期的简单功能&#xff0c;到现如今各种各样的智能操作&#xff0c;发展的速度也是飞速的。随着玩具市场的逐步完善与推进&#xff0c;中国的智能玩具市场也出现了很多远程遥控玩具。遥控玩具也是从最初的有线到现在的无线&#xff0c;从地上跑的到天上飞的&#xff0c;…

Go 1.19 工具链升级:go命令与工具改进详解

Go 1.19 工具链升级&#xff1a;go命令与工具改进详解 1. 引言 1.1 Go 1.19 简介 Go 1.19 是 Go 语言的一次重大更新&#xff0c;它带来了许多新特性和改进&#xff0c;特别是在工具链方面。 1.2 工具链的重要性 工具链是任何编程语言生态中的重要组成部分&#xff0c;它直…

编程语言一般学几种语言:探索编程语言的广度与深度

编程语言一般学几种语言&#xff1a;探索编程语言的广度与深度 在编程的广阔领域中&#xff0c;编程语言的选择和学习是每位初学者和进阶者都需要面对的问题。那么&#xff0c;一般应该学习几种编程语言呢&#xff1f;这个问题看似简单&#xff0c;实则充满了困惑和深度。接下…

Wireshark 对 https 请求抓包并展示为明文

文章目录 1、目标2、环境准备3、Wireshark 基本使用4、操作步骤4.1、彻底关闭 Chrome 进程4.2、配置 SSLKEYLOGFILE [核心步骤]4.3、把文件路径配置到 Wireshark 指定位置4.4、在浏览器发起请求4.5、抓包配置4.6、过滤4.6.1、过滤域名 http.host contains "baidu.com4.6.2…

UNI_App平台调试指南 debug(十五)

App平台调试指南 debug 常规开发里,在 HBuilderX 的运行菜单里运行 App,手机端的错误或 console.log 日志信息会直接打印到控制台。 如果需要更多功能,比如审查元素、打断点 debug,则需要启动调试模式。自 HBuilderX 2.0.3+ 版本起开始支持 App 端的调试。 #打开调试窗口…

响应式建站公司企业官网源码系统 带源代码以及搭建部署教程

系统概述 响应式建站公司企业官网源码系统是一套集设计、开发、部署于一体的综合性解决方案。它旨在为企业提供一个易于定制、功能强大、适应各种设备屏幕的官方网站平台。 该系统采用先进的技术架构&#xff0c;确保网站的稳定性和性能。它能够与各种后端数据库和服务器环境…

python找因子

【问题描述】 输入一个大于1的整数&#xff0c;返回一个列表&#xff0c;包含所有能够整除该整数的因子&#xff08;不包含1和它本身&#xff09;&#xff0c;并且从小到大排序。如果这个数是素数&#xff0c;则输出“(整数) is prime”。 【样例输入】 number:6 【样例输出…

TCP四次挥手:为什么四次?原理大揭密!

我是小米,一个喜欢分享技术的29岁程序员。如果你喜欢我的文章,欢迎关注我的微信公众号“软件求生”,获取更多技术干货! Hello, 大家好,我是你们的技术小伙伴小米!今天我们来聊一聊网络基础中的一个重要环节——TCP四次挥手过程。大家都知道,TCP连接的建立和断开是网络通…

2024年10款免费的项目管理软件推荐

本文向大家推荐10款2024年免费使用的项目管理软件&#xff0c;其中包括桌面应用和基于Web平台的多种产品&#xff0c;同时还涵盖了一些优秀的开源软件。 1.禅道开源项目管理软件 禅道是一款开源的、基于Web的项目管理软件&#xff0c;其功能丰富且操作简便&#xff0c;为团队提…

孟加拉最受欢迎的slot游戏推广okspin海外网盟广告优势

孟加拉最受欢迎的slot游戏推广okspin海外网盟广告优势 在当今全球化日益加剧的时代&#xff0c;游戏产业正迎来前所未有的发展机遇。孟加拉国&#xff0c;作为一个充满活力和潜力的新兴市场&#xff0c;其游戏出海之路也愈发受到业界的关注。在这一过程中&#xff0c;广告投放…

C++入门——命名空间与输入输出与缺省参数与重载函数与引用与内联

文章目录 命名空间——namespace命名空间的用处命名空间的定义命名空间的使用命名空间的嵌套命名空间的别名 输入与输出原理概述输入输出的使用 缺省参数定义缺省参数的方式使用缺省参数的价值和优势 函数重载定义与使用价值与优势 引用定义与使用价值与优势注意事项常量引用函…

【TOOLS】Chrome扩展开发

Chrome Extension Development 1. 入门教程 入门案例&#xff0c;可以访问【 谷歌插件官网官方文档 】查看官方入门教程&#xff0c;这里主要讲解大概步骤 Chrome Extenson 没有固定的脚手架&#xff0c;所以项目的搭建需要根据开发者自己根据需求搭建项目&#xff08;例如通过…

2021 RoboCom 世界机器人开发者大赛-本科组(复赛):拼题A打卡奖励

拼题 A 的教超搞打卡活动&#xff0c;指定了 N 张打卡卷&#xff0c;第 i 张打卡卷需要 mi​ 分钟做完&#xff0c;完成后可获得 ci​ 枚奖励的金币。活动规定每张打卡卷最多只能做一次&#xff0c;并且不允许提前交卷。活动总时长为 M 分钟。请你算出最多可以赢得多少枚金币&a…