当前位置: 首页 > news >正文

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();},

相关文章:

uniapp实现下拉过滤查询列表

<picker bindchange"bindPickerChanges" value"{{selectedIndex}}"range"{{pickerArray}}"range-key"name"><view class"area-select">在线状态&#xff1a;<label for"">{{pickerArray[select…...

C++—— set、map、multiset、multimap的介绍及使用

目录 关联式容器 关联式容器的特点和使用场景 树形结构与哈希结构 树形结构 哈希结构 键值对 set set的介绍 set的定义方式 set的使用 multiset map map的介绍 map的定义方式 map的使用 multimap 关联式容器 C标准模板库&#xff08;STL&#xff09;中的关联…...

STM32 学习——1. STM32最小系统

这是一个最小系统的测试&#xff0c;LED灯会进行闪烁。选用PC13口&#xff0c;因为STM32F103C8T6 硬件开发板中&#xff0c;这个端口是一个LED 1. proteus8.15 原理图 2. cubemx 新建工程 3. keil 代码 while (1){HAL_GPIO_TogglePin(LED_GPIO_Port, LED_Pin);HAL_Delay(100);…...

react实现table可拖拽表头(给react-jss样式传递参数、滚动条样式)

目录 react实现table可拖拽表头安装依赖resizableTitle / index.tsxdrapTable.tsx使用DragTable 组件滚动条样式效果 react实现table可拖拽表头 安装依赖 yarn add react-resizable yarn add react-jssresizableTitle / index.tsx import { createUseStyles } from react-js…...

如何跨过robots协议的限制爬取内容?

在讨论如何“跨过robots协议的限制爬取内容”之前&#xff0c;重要的是强调遵循网络礼仪和法律法规的必要性。robots协议&#xff08;Robots Exclusion Standard&#xff09;是网站所有者向网络爬虫&#xff08;包括搜索引擎和其他自动化工具&#xff09;传达其爬取意愿的一种方…...

Parasoft C++Test软件静态分析操作指南_编码规范/标准检查

系列文章目录 Parasoft CTest软件安装指南 Parasoft CTest软件静态分析操作指南_编码规范/标准检查 Parasoft CTest软件静态分析操作指南_软件质量度量 Parasoft CTest软件静态分析_自动提取静态分析数据生成文档 Parasoft CTest软件单元测试_操作指南 Parasoft CTest软件单元…...

[AIGC] CompletableFuture如何实现任务链式调用?

Java 中的 CompletableFuture 提供了多种方法来支持任务链式调用。这些方法允许你将一组操作链接在一起&#xff0c;形成一个任务链&#xff0c;每一个任务只有在上一个任务成功完成后才会被执行。现在&#xff0c;我们来看一下一些常用的链接任务的方法&#xff1a; thenAppl…...

神奇动物在哪里?斯洛文尼亚旅游之野生动物寻踪

不仅拥有优美动人的自然风光&#xff0c;斯洛文尼亚还以其丰富的生物多样性而闻名。得益于国家对大自然开展的保护工作&#xff0c;斯洛文尼亚超过三分之一的国土面积都被规划为保护区&#xff0c;拥有约1.5万种动物和6000种植物&#xff0c;其中不乏众多特有、稀有和濒危动植物…...

电商项目之有趣的支付签名算法

文章目录 1 问题背景2 思路3 代码实现 1 问题背景 在发起支付的时候&#xff0c;一般都需要对发送的请求参数进行加密或者签名&#xff0c;下文简称这个过程为“签名”。行业内比较普遍的签发算法有&#xff1a; &#xff08;1&#xff09;按支付渠道给定的字段排序进行拼接&am…...

Web开发核心

文章目录 1.http协议简介2.http协议特性3.http请求和响应协议4.最简单的Web程序5.基于flask搭建web⽹站6.浏览器开发者⼯具&#xff08;重点&#xff09; 1.http协议简介 HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写&#xff0c;是用于 万维网(WWW:Norld W…...

【Python】【Scrapy 爬虫】理解HTML和XPath

为了从网页中抽取信息&#xff0c;必须对其结构有更多了解。我们快速浏览HTML、HTML的树状表示&#xff0c;以及在网页上选取信息的一种方式XPath。 HTML、DOM树表示以及XPath 互联网是如何工作的&#xff1f; 当两台电脑需要通信的时候&#xff0c;你必须要连接他们&#xff…...

【CTF Web】CTFShow web5 Writeup(SQL注入+PHP+位运算)

web5 1 阿呆被老板狂骂一通&#xff0c;决定改掉自己大意的毛病&#xff0c;痛下杀手&#xff0c;修补漏洞。 解法 注意到&#xff1a; <!-- flag in id 1000 -->拦截很多种字符&#xff0c;连 select 也不给用了。 if(preg_match("/\|\"|or|\||\-|\\\|\/|\…...

LeetCode 968.监控二叉树 (hard)

968.监控二叉树 力扣题目链接(opens new window) 给定一个二叉树&#xff0c;我们在树的节点上安装摄像头。 节点上的每个摄影头都可以监视其父对象、自身及其直接子对象。 计算监控树的所有节点所需的最小摄像头数量。 贪心思路&#xff1a; 从下往上看&#xff0c;局部最…...

数理逻辑:1、预备知识

17.1 命题和联结词 ​ 命题&#xff1a;可以判定真假的陈述句。&#xff08;则悖论&#xff0c;祈使句&#xff0c;疑问句都不是命题&#xff09; ​ 原子命题&#xff1a;不能被分割为更小的命题的命题 例如&#xff1a; 2既是素数又是偶数 可以由$p: 2 是素数&#xff0c;…...

14-云原生监控体系-Redis_exporter 监控 MySQL[部署Dashborad告警规则实战]

文章目录 环境准备切片集群主从哨兵1. 部署1.1. 二进制方式1.1.1. 下载二进制包1.1.2. 部署1.2. docker-compose 容器方式1.3. 配置连接&认证参数1.3.1. 连接认证参数1.3.2. 配置服务控制 systemd2. 配置到 Prometheus3 Dashboard4. 告警规则...

DOS学习-目录与文件应用操作经典案例-xcopy

新书上架~&#x1f447;全国包邮奥~ python实用小工具开发教程http://pythontoolsteach.com/3 欢迎关注我&#x1f446;&#xff0c;收藏下次不迷路┗|&#xff40;O′|┛ 嗷~~ 目录 一.前言 二.使用 三.案例 一.前言 xcopy命令是DOS系统中一个强大的文件和目录复制工具&…...

Midjourney是一个基于GPT-3.5系列接口开发的免费AI机器人

Midjourney是一个基于GPT-3.5系列接口开发的免费AI机器人&#xff0c;旨在提供多领域的智能对话服务。Midjourney在不同领域中有不同的定义和应用&#xff0c;以下是对其中两个主要领域的介绍&#xff1a; Midjourney官网&#xff1a;https://www.midjourney.com/ 一、AI绘画工…...

v-model详解

目录 原理 作用 表单类组件封装 ​编辑v-model简化代码 原理 v-model本质上是一个语法糖。例如应用在输入框上&#xff0c;就是value属性和input属性的合写。 作用 提供数据的双向绑定。 数据变&#xff0c;视图跟着变:value视图变&#xff0c;数据跟着变input 注意&…...

ArcGIS中分割与按属性分割的区别

1、分割ArcGIS批量导出各个市的县级行政边界 视频教学&#xff1a; ArcGIS批量导出各个市的县级行政边界002 2、ArcGIS批量导出全国各省的边界 视频教学&#xff1a; ArcGIS导出全国各省的边界003 推荐学习&#xff1a; ArcGIS全系列实战视频教程——9个单一课程组合系列直播回…...

就业班 第三阶段(ELK) 2401--5.20 day1 ELK 企业实战 ES+head+kibana+logstash部署(最大集群)

ELKkafkafilebeat企业内部日志分析系统 1、组件介绍 1、Elasticsearch&#xff1a; 是一个基于Lucene的搜索服务器。提供搜集、分析、存储数据三大功能。它提供了一个分布式多用户能力的全文搜索引擎&#xff0c;基于RESTful web接口。Elasticsearch是用Java开发的&#xff…...

Graphormer分子预测模型5分钟快速部署:零基础搭建药物发现AI工具

Graphormer分子预测模型5分钟快速部署&#xff1a;零基础搭建药物发现AI工具 1. 项目概述 Graphormer是微软研究院开发的基于Transformer架构的分子属性预测模型&#xff0c;专门用于处理分子图结构数据。与传统的图神经网络(GNN)相比&#xff0c;Graphormer通过创新的结构编…...

【工业PHP物联网网关开发实战指南】:从零搭建高并发、低延迟数据中继系统(含Modbus/TCP+MQTT双协议栈源码)

第一章&#xff1a;工业PHP物联网数据网关开发概览工业物联网&#xff08;IIoT&#xff09;场景中&#xff0c;PHP 作为成熟稳定的后端语言&#xff0c;正以轻量、可扩展、易集成的特性&#xff0c;在边缘侧数据网关开发中焕发新生。本章聚焦于构建一个面向工业现场的 PHP 数据…...

Qwen3-14B-INT4-AWQ开发基础:GitHub使用教程与团队协作规范

Qwen3-14B-INT4-AWQ开发基础&#xff1a;GitHub使用教程与团队协作规范 1. 为什么AI开发者需要掌握GitHub 在AI项目开发中&#xff0c;代码管理往往是最容易被忽视的环节。想象一下这样的场景&#xff1a;你和团队花了三个月训练Qwen3-14B-INT4-AWQ模型&#xff0c;突然发现上…...

后悔没早看!敏感肌日常修护全攻略,轻松养出健康厚脸皮✨

后悔没早看&#xff01;敏感肌日常修护全攻略&#xff0c;轻松养出健康厚脸皮✨集美们&#xff01;谁懂啊&#x1f979; 作为天生的薄皮敏感肌&#xff0c;换季泛红、刷酸烂脸、遇热就红通通这些破事我全中&#xff01;折腾了五六年&#xff0c;踩了无数坑&#xff0c;终于总结…...

三菱PLC搭配雅马哈四轴机械手在线检测收料案例解析:融合CAD电气图纸、CClink与串口通讯...

三菱plc搭配四轴雅马哈机械手在线检测收料案例程序。 &#xff08;包涵CAD电气图纸&#xff0c;plc程序&#xff0c;人机界面&#xff0c;机器人程序&#xff0c;BOM表&#xff09;程序中应用到CClink通讯&#xff0c;232串口通讯&#xff0c;数据采集伺服定位控制。这项目有点…...

如何扩展LivePython功能:开发者定制指南与API详解

如何扩展LivePython功能&#xff1a;开发者定制指南与API详解 【免费下载链接】livepython Visually trace Python code in real-time. 项目地址: https://gitcode.com/gh_mirrors/li/livepython LivePython是一款创新的Python代码实时可视化追踪工具&#xff0c;让开发…...

电子电路中的“心脏”:电源忧

前言 Kubernetes 本身并不复杂&#xff0c;是我们把它搞复杂的。无论是刻意为之还是那种虽然出于好意却将优雅的原语堆砌成 鲁布戈德堡机械 的狂热。平台最初提供的 ReplicaSets、Services、ConfigMaps&#xff0c;这些基础组件简单直接&#xff0c;甚至显得有些枯燥。但后来我…...

PRD文档模板

xxxxxx 需求规格说明书 南京市xxx信息服务有限公司 修订记录 版本号 修订日期 修订人 修订描述 V1.0 20190203 xxxxx 初稿 一、概述 1.1需求背景 说明需求背景&#xff0c;为什么要做该需求&#xff0c;主要是为了解决什么问题等 背景举例&#xff1a;目前…...

HarmonyOS-ArkTS-新手完整复现-含环境配置

HarmonyOS ArkTS 新手完整复现&#xff1a;从环境配置到网络列表 App&#xff08;超细步骤&#xff09; 欢迎访问开源鸿蒙 PC 开发者社区&#xff08;https://harmonypc.csdn.net/&#xff09;。 摘要 本文面向零基础/初学者&#xff0c;完整讲清&#xff1a; 如何在 Window…...

Pi0模型快速体验:一键启动Web演示,免配置玩转机器人控制

Pi0模型快速体验&#xff1a;一键启动Web演示&#xff0c;免配置玩转机器人控制 1. 项目概述 Pi0是一个创新的视觉-语言-动作流模型&#xff0c;专为通用机器人控制设计。这个项目最吸引人的地方在于它提供了一个开箱即用的Web演示界面&#xff0c;让用户无需复杂的配置就能体…...