uniapp实现下拉过滤查询列表

 <picker bindchange="bindPickerChanges" value="{{selectedIndex}}"range="{{pickerArray}}"range-key="name"><view class="area-select">在线状态:<label for="">{{pickerArray[selectedIndex].name}}</label><image src="/img/arrow_down.png"></image></view></picker>page{
data{pickerArray: [{value: 0,name: '全部'},{value: 1,name: '在线'}, {value: 2,name: '离线'}],selectedIndex: 0,}
}
//点击事件bindPickerChanges: function(e) {this.setData({selectedIndex : e.detail.value,'query.netStatus': this.data.pickerArray[e.detail.value].value});this.onSearch();},

返回主页面时需要将下拉的name值进行匹配,重新刷新
下拉的状态值: ‘query.netStatus’

  onShow: function () {let pages = getCurrentPages();let currPage = pages[pages.length - 1]; //当前页面let districtName = currPage.data.districtName;let indexData = currPage.data.indexData;let districtCode = currPage.data.districtCode;let netStatus = currPage.data.netStatus;// debugger// debuggerthis.setData({'query.page': 1,'query.districtCode': districtCode || 0,deviceList: [],pickAll: false,districtName,indexData,'query.netStatus': this.data.pickerArray.find(it=>it.name==this.data.pickerArray[this.data.selectedIndex].name).value,'query.operationType': app.globalData.operationType})this.getAllDeviceAll();wx.stopPullDownRefresh();this.setLanguage();},

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

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

相关文章

虚机配置USB CDROM设备热迁移crash

虚机配置USB CDROM设备热迁移crash 问题现象定位过程堆栈分析日志分析打开trace异常日志上下文分析SpecificationCBWCSW 命令执行发送读命令读取数据 正常日志异常堆栈 修复方案结论 基础原理设备模型数据结构设备实例化 UHCIFrame ListTDQH SCSI 问题现象 dogfood环境一台虚机…

Haskell 的 自定义类型(data、type)

在 Haskell 中&#xff0c;type 和 data 关键字都用于定义新的数据类型&#xff0c;但它们有着不同的作用和语法。 一、type 关键字&#xff1a; 作用&#xff1a;type 关键字用于为已有类型创建别名&#xff0c;使得代码更易读和更具可读性。 语法&#xff1a;其语法为 type…

verilog中的task语句

task语句在Verilog和SystemVerilog中都能使用&#xff0c;但在SystemVerilog中它的功能更加强大&#xff0c;并且添加了一些新的特性。 module ExampleTask;// 定义任务task myTask;input [7:0] a, b;output [15:0] result;beginresult a b;endendtask// 主模块initial begin…

夏日炎炎,手机如何避免变成热源?这些降温技巧分享给你

夏日炎炎&#xff0c;手机也容易“中暑”。 高温不仅会让手机性能大打折扣&#xff0c;还可能引发安全隐患。因此&#xff0c;如何让手机在高温下“冷静”下来&#xff0c;成为了许多手机用户关心的问题。 本文将为你提供一些实用的降温技巧&#xff0c;帮助你的手机安全度过…

小猪APP分发:一站式免费应用推广解决方案

在竞争激烈的移动应用市场中&#xff0c;寻找一个高效且成本友好的方式来推广自己的应用程序&#xff0c;成为了众多开发者面临的共同挑战。幸运的是&#xff0c;像"小猪APP分发www.appzhu.cn"这样的平台应运而生&#xff0c;为开发者提供了一个全面、免费的应用分发…

(优作)风力摆控制系统

本系统由瑞萨 100LGA 单片机控制模块&#xff0c; 6050 三轴陀螺仪加速度模块&#xff0c;直流风机及其驱 动模块&#xff0c;显示模块&#xff0c;键盘模块&#xff0c;蜂鸣器模块以及风力摆机械结构组成&#xff0c; MPU6050 采集风摆姿 态&#xff0c;单片机处理姿态数…

RHCSA —— 第一节 (简介)

目录 一、红帽 RedHat Linux 二、计算机 三、操作系统 四、Linux 入门 一、红帽 RedHat Linux RHCSA英文全称&#xff1a;Red Hat Certified System Administrator &#xff0c;中文全称&#xff1a;红帽认证系统管理员 RHCE英文全称&#xff1a;Red Hat Certified Engi…

TypeScript 的基础类型

1. 布尔类型&#xff08;Boolean&#xff09; 布尔类型表示逻辑上的真或假。在 TypeScript 中&#xff0c;布尔类型只有两个可能的值&#xff1a;true 和 false。例如&#xff1a;typescriptlet isDone: boolean false;### 2. 数字类型&#xff08;Number&#xff09;数字类型…

软件系统部署方案(Word原版文件)

一、 引言 &#xff08;一&#xff09; 编写目的 二、 外部设计 &#xff08;一&#xff09; 标识符和状态 &#xff08;二&#xff09; 约定 1&#xff0e; 数据库涉及字符规范 2&#xff0e; 字段命名规范 &#xff08;三&#xff09; 专门指导 &#xff08;四&#…

C++初阶之模板进阶

个人主页&#xff1a;点我进入主页 专栏分类&#xff1a;C语言初阶 C语言进阶 数据结构初阶 Linux C初阶 算法 欢迎大家点赞&#xff0c;评论&#xff0c;收藏。 一起努力&#xff0c;一起奔赴大厂 目录 一.非类型模板参数 二.模板的特化 2.1引入 2.2全特化 2.3…

K-近邻算法(KNN)基础详解

K-近邻算法(K-Nearest Neighbors,简称KNN)是机器学习中一种简单而有效的监督学习方法,用于分类和回归任务。其核心思想基于“物以类聚,人以群分”的原则,通过计算待分类对象与已知数据集中的样本点之间的距离,找出距离最近的K个邻居,然后根据这些邻居的类别或数值来预测…

八、函数和数组

8.1 函数 函数几乎是学习所有的程序设计语言时都必须过的一关。对于学习过其他的程序语言的用户来说&#xff0c;函数可能并不陌生。但是Shell中的函数与其他的程序设计语言的函数有许多不同之处。 8.1.1什么是函数 通俗地讲&#xff0c;所谓函数就是将一组功能相对独立的代码…

数组中的第K个最大元素 - LeetCode 热题 74

大家好&#xff01;我是曾续缘&#x1f61d; 今天是《LeetCode 热题 100》系列 发车第 74 天 堆第 1 题 ❤️点赞 &#x1f44d; 收藏 ⭐再看&#xff0c;养成习惯 数组中的第K个最大元素 给定整数数组 nums 和整数 k&#xff0c;请返回数组中第 k 个最大的元素。 请注意&#…

记忆力和人才测评,如何提升记忆力?

什么是记忆力&#xff1f; 如何通俗意义上的记忆力&#xff1f;我们可以把人的经历、经验理解成为一部纪录片&#xff0c;那么已经过去发生的事情&#xff0c;就是影片之前的情节&#xff0c;对于这些信息&#xff0c;在脑海里&#xff0c;人们会将其进行处理和组合&#xff…

SAP-CO成本控制概念之标准成本

“ 本篇介绍&#xff1a;标准成本的会计概念&#xff0c;标准成本的制定标准&#xff1b;通过结合会计标准成本的概念与SAP CO标准成本估算功能&#xff0c;更具象化的了解SAP如何实现标准成本管理&#xff0c;为后续学习SAP实际成本核算打下基础。” 01 — 背景需求 SAP实施…

2024年春招高薪职业报告:大模型算法研究员领跑

近日&#xff0c;脉脉高聘发布的研究报告《2024春招高薪职业和人才洞察》&#xff08;以下简称《洞察》&#xff09;显示&#xff0c;2024年一季度&#xff0c;大模型算法研究员新发岗位以平均月薪6.4万元领跑高薪岗位榜。受人才培养周期和技术门槛影响&#xff0c;人工智能行业…

机器学习大模型驱动:未来的趋势与应用

文章目录 &#x1f4d1;前言一、什么是机器学习大模型&#xff1f;1.1 大模型的特点1.2 大模型的技术基础 二、大模型的技术实现2.1 Transformer 架构2.2 预训练和微调2.3 模型并行和数据并行 三、大模型的应用场景3.1 自然语言处理&#xff08;NLP&#xff09;3.2 计算机视觉&…

Unity功能——物体随鼠标朝左/右旋转(带角度限制)

功能简介&#xff1a; unity的3d场景中&#xff0c;设置3d物体和2dUI&#xff0c;随鼠标移动&#xff0c;向左/右旋转&#xff0c;带角度限制&#xff1b; 1、获取鼠标位置 float mouseX Input.GetAxisRaw("Mouse X") float mouseX Input.GetAxisRaw("Mo…

vue3 使用css实现一个弧形选中角标样式

文章目录 1. 实现效果2. 实现demo 在前端开发中&#xff0c;ui同学经常会设计这样的样式&#xff0c;用于区分选中的状态 下面抽空简单些了一下&#xff0c;记录下&#xff0c;后面直接复制用 1. 实现效果 实现一个菜单切换&#xff0c;右下角有个角标的样式 2. 实现demo 主要…

Java进阶学习笔记20——枚举

认识枚举&#xff1a; 枚举是一种特殊的类。 枚举类的格式&#xff1a; 说明&#xff1a; 第一行是罗列枚举的对象名称。只能写合法的标识符&#xff08;名称&#xff09;&#xff0c;多个名称用逗号隔开。 这些名称本质上都是常量&#xff0c;每个变量都会记住枚举类的一个…