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

微信小程序中，将搜索组件获取的值传递给父页面（如 index 页面）可以通过自定义事件或页面引用实现

news 来源：原创 2025/8/15 6:39:32

将搜索组件获取的值传递给父页面（如 index 页面）可以通过自定义事件或页面引用实现

方法 1：自定义事件（推荐）
步骤 1：搜索组件内触发事件
在搜索组件的 JS 中，当获取到搜索值时，触发自定义事件（如 search），并将值通过 detail 传递：

// components/search-component/search-component.js
Component({methods: {onSearchInput(e) {const value = e.detail.value; // 获取输入框的值this.triggerEvent('search', { value }); // 触发事件}}
});

步骤 2：父页面监听事件
在父页面（如 index）的 WXML 中绑定事件：

<!-- index.wxml -->
<search-component bind:search="onSearch"></search-component>

运行 HTML
在父页面 JS 中定义事件处理函数：

// index.js
Page({onSearch(e) {const searchValue = e.detail.value; // 获取子组件传递的值console.log('搜索值：', searchValue);// 这里可以调用接口或更新页面数据this.setData({ searchKeyword: searchValue });}
});

Vant Card 卡片的price-top自定义价格上方区域

<van-card num="1"  price="{{item.roomFee}}"  title="{{item.roomName}}" thumb="{{ item.coverUrl }}" thumb-mode="aspectFill"
><!-- 使用 slot 而不是 # --><view slot="price-top"><text style="text-decoration: line-through; color: #999; font-size: 12px;">原价: {{item.originalPrice}}</text><van-tag type="danger" style="margin-left: 5px;">优惠</van-tag></view>
</van-card>

返回指定民宿在给定日期范围内每天的预定状态（可订或不可订）。

使用说明
参数说明：

#{roomId}: 要查询的民宿ID

#{startDate}: 开始日期（格式：‘YYYY-MM-DD’）

#{endDate}: 结束日期（格式：‘YYYY-MM-DD’）

返回结果：

每行包含一个日期和状态

status = 1: 该日期可订

status = 0: 该日期已被预定

业务规则：

退房当天14:00前算占用（不可订）

退房当天14:00后不算占用（可订）

只考虑paid、checked_in、checked_out状态的订单

WITH date_series AS (-- 生成从startDate到endDate的日期序列SELECT DATE_ADD(#{startDate}, INTERVAL seq DAY) AS dateFROM (SELECT 0 AS seq UNION SELECT 1 UNION SELECT 2 UNION SELECT 3 UNIONSELECT 4 UNION SELECT 5 UNION SELECT 6 UNION SELECT 7 UNIONSELECT 8 UNION SELECT 9 UNION SELECT 10 UNION SELECT 11 UNIONSELECT 12 UNION SELECT 13 UNION SELECT 14 UNION SELECT 15 UNIONSELECT 16 UNION SELECT 17 UNION SELECT 18 UNION SELECT 19 UNIONSELECT 20 UNION SELECT 21 UNION SELECT 22 UNION SELECT 23 UNIONSELECT 24 UNION SELECT 25 UNION SELECT 26 UNION SELECT 27 UNIONSELECT 28 UNION SELECT 29 UNION SELECT 30 UNION SELECT 31 UNIONSELECT 32 UNION SELECT 33 UNION SELECT 34 UNION SELECT 35 UNIONSELECT 36 UNION SELECT 37 UNION SELECT 38 UNION SELECT 39 UNIONSELECT 40 UNION SELECT 41 UNION SELECT 42 UNION SELECT 43 UNIONSELECT 44 UNION SELECT 45 UNION SELECT 46 UNION SELECT 47 UNIONSELECT 48 UNION SELECT 49 UNION SELECT 50 UNION SELECT 51 UNIONSELECT 52 UNION SELECT 53 UNION SELECT 54 UNION SELECT 55 UNIONSELECT 56 UNION SELECT 57 UNION SELECT 58 UNION SELECT 59) AS seqWHERE DATE_ADD(#{startDate}, INTERVAL seq DAY) <= #{endDate}
),
occupied_dates AS (-- 查询已被占用的日期SELECT DATE(check_in_date) AS start_date,DATE(check_out_date) AS end_date,TIME(check_out_time) AS checkout_timeFROM zyf_room_orderWHERE room_id = #{roomId}AND order_status IN ('paid', 'checked_in', 'checked_out')AND (-- 订单影响查询时间段的任何部分(DATE(check_out_date) >= #{startDate} AND DATE(check_in_date) <= #{endDate})OR-- 已入住未退房的长期订单(check_out_time IS NULL AND DATE(check_in_date) <= #{endDate}))
)
SELECT ds.date,CASE -- 检查该日期是否被占用WHEN EXISTS (SELECT 1 FROM occupied_dates od WHERE ds.date >= od.start_date AND ds.date <= od.end_dateAND (-- 如果是退房日，且退房时间>14:00，则不算占用NOT (ds.date = od.end_date AND TIME(od.checkout_time) > '14:00:00'))) THEN 0  -- 已预定ELSE 1     -- 可订END AS status
FROM date_series ds
ORDER BY ds.date;

微信小程序中，将搜索组件获取的值传递给父页面（如 index 页面）可以通过自定义事件或页面引用实现

将搜索组件获取的值传递给父页面（如 index 页面）可以通过自定义事件或页面引用实现方法 1：自定义事件（推荐） 步骤 1：搜索组件内触发事件在搜索组件的 JS 中，当获取到搜索值时&#xff0c…...

编程日记 2025/8/15 6:39:32

深入理解分布式缓存以及Redis 实现缓存更新通知方案

一、分布式缓存简介 1. 什么是分布式缓存分布式缓存：指将应用系统和缓存组件进行分离的缓存机制，这样多个应用系统就可以共享一套缓存数据了，它的特点是共享缓存服务和可集群部署，为缓存系统提供了高可用的运行环境&#xff0c…...

编程日记 2025/8/13 18:32:19

C#核心笔记——（六）框架基础

我们在编程时所需的许多核心功能并不是由C#语言提供的，而是由.NET Framework中的类型提供的。本节我们将介绍Framework在基础编程任务（例如虚的等值比较、顺序比较以及类型转换）中的作用。我们还会介绍Framework中的基本类型，例如String、DateTime和Enum. 本章中的绝大部分…...

编程日记 2025/8/13 15:59:39

C# 点击导入，将需要的参数传递到弹窗的页面

点击导入按钮，获取本页面的datagridview标题的结构，并传递到导入界面。新增一个datatable用于存储datagridview的caption和name，这里用的是devexpress组件中的gridview。 DataTable dt new DataTable(); DataColumn CAPTION …...

编程日记 2025/8/6 14:08:54

java面向对象编程【基础篇】之基础概念

目录 🚀前言🤔面向过程VS面向对象💯面向过程编程（POP）💯面向对象编程（OOP）💯两者对比 🌟三大特性💯封装性💯继承性💯多态性…...

编程日记 2025/8/10 11:38:56

Oceanbase单机版上手示例

本月初Oceanbase单机版发布，作为一个以分布式起家的数据库，原来一个集群动辄小十台机器，多着十几台几十台甚至更多，Oceanbase单机版的发布确实大大降低了硬件部署的门槛。 1.下载安装介质 https://www.oceanbase.com/softwarece…...

编程日记 2025/8/11 14:29:29

深度学习基础--CNN经典网络之InceptionV3详解与复现(pytorch)

🍨 本文为🔗365天深度学习训练营中的学习记录博客🍖 原作者：K同学啊前言 InceptionV3是InceptionV1的升级版，虽然加大了计算量，但是当时效果是比VGG效果要好的。本次任务是探究InceptionV3结构并进行复…...

编程日记 2025/8/14 20:58:40

VOIP通信中的错误码

cancle报文 Reason: SIP;cause200;text"Call completed elsewhere" Reason: Q.850;cause26表示取消的原因是呼叫在其他地方已经完成表示Q.850标准中的原因码26，通常对应于“呼叫被取消”（Call Cancelled）487 Request Terminated Re…...

编程日记 2025/8/14 7:52:03

C++ STL编程-vector概念、对象创建

vector 概念：是常见的一种容器，被称为“柔性数组”。在vector中，front()是数组中的第一个元素，back()是数组的最后一个元素。begin()是是指向第一个元素，end()是指向back()的后一个元素 vector的对象创建&#xff0…...

编程日记 2025/8/7 1:51:13

easyexcel使用模板填充excel坑点总结

1.单层map设置值是{属性}，那使用两层map进行设置值，是不是可以使用{属性.属性}，以为取出map里字段只用{属性}就可以设置值，那再加个.就可以从里边map取出对应属性，没有两层map写法填充得到的文件打开报错 was empty (…...

编程日记 2025/8/2 17:19:39

C#学习第16天：聊聊反射

什么是反射？ 定义：反射是一种机制，允许程序在运行时获取关于自身的信息，并且可以动态调用方法、访问属性或创建实例。用途：常用于框架设计、工具开发、序列化、代码分析和测试等场景反射的核心概念 1. 获取类型信息…...

编程日记 2025/8/14 21:34:05

【Unity】使用Cinemachine+CharacterController实现第三人称视角下的角色视角、移动和跳跃控制

1.初始配置安装Cinemachine插件给角色添加CharacterConroller创建Cinemachine-->Free Look Camera在Free Look Camera中调整参数，Y Axis勾选Inver，X Axis取消勾选InverFree Look Camera要看向角色跟随角色（自行设置，我就不…...

编程日记 2025/8/15 6:39:16

如何通俗的理解transformer架构编码器和解码器干的活

我们可以用生活中的比喻来理解Transformer的编码器和解码器，以及解码器中两种注意力的作用： 一、编码器（Encoder）：理解信息的「分析师团队」想象你要翻译一句话，比如把中文“今天天气很好”翻译成英文。编…...

编程日记 2025/8/14 18:08:57

React 受控表单绑定基础

React 中最常见的几个需求是： 渲染一组列表绑定点击事件表单数据与组件状态之间的绑定受控表单绑定是理解表单交互的关键之一。 📍什么是受控组件？ 在 React 中，所谓“受控组件”，指的是表单元素（如 &l…...

编程日记 2025/8/13 16:58:19

UMG：ListView

1.创建WEB_ListView,添加Border和ListView。 2.创建Object,命名为Item(数据载体，可以是其他类型)。新增变量name。 3.创建User Widget，命名为Entry(循环使用的UI载体).添加Border和Text。 4.设置Entry继承UserObjectListEntry接口。 5.Entry中对象生成时…...

编程日记 2025/8/8 1:21:42

实验五内存管理实验

实验五内存管理实验一、实验目的 1、了解操作系统动态分区存储管理过程和方法。 2、掌握动态分区存储管理的主要数据结构--空闲表区。 3、加深理解动态分区存储管理中内存的分配和回收。 4、掌握空闲区表中空闲区3种不同放置策略的基本思想和实现过程。 5、通过模拟程…...

编程日记 2025/8/11 6:45:49

初识 Firebase 与 FPM

Firebase 是什么 ? Firebase 是 Google 旗下面向 iOS、Android、Web 与多端框架（Flutter、Unity 等）的应用开发平台，提供从「构建 → 发布与运维 → 增长」全生命周期的一站式后端即服务（BaaS）。它把实时数据库、托管…...

编程日记 2025/8/14 13:17:28

探索C++中的数据结构：栈(Stack)的奥秘

引言栈是计算机科学中最基础且重要的数据结构之一，它像一摞盘子一样遵循"后进先出"（LIFO）的原则。无论是函数调用、表达式求值，还是浏览器前进后退功能，栈都扮演着关键角色。本文将深入解析栈的C实现及其应…...

编程日记 2025/8/13 4:23:52

vue3 nprogress 使用

nprogress 介绍与作用 1.nprogress 是一个轻量级的进度条组件，主要用于在页面加载或路由切换时显示一个进度条，提升用户体验。它的原理是通过在页面顶部创建一个 div，并使用 fixed 定位来实现进度条的效果 2.在 Vite Vue 3 项目中&#xf…...

编程日记 2025/8/10 11:41:16

MCP（Model Context Protocol 模型上下文协议）科普

MCP（Model Context Protocol，模型上下文协议）是由人工智能公司 Anthropic 于 2024年11月推出的开放标准协议，旨在为大型语言模型（LLM）与外部数据源、工具及服务提供标准化连接，从而提升AI在实际…...

编程日记 2025/8/14 19:58:27

韩媒专访CertiK创始人顾荣辉：黑客攻击激增300%，安全优先的破局之路

4月17日，韩国知名科技媒体《韩国IT时报》(Korea IT Times)发布了对CertiK联合创始人兼CEO顾荣辉教授的专访。双方围绕CertiK一季度《HACK3D》安全报告，就黑客攻击手法的迭代和安全防御技术的创新路径等，展开深度对话。顾荣辉认为&#xff0…...

编程日记 2025/8/9 16:56:11

华为openEuler操作系统全解析：起源、特性与生态对比

华为openEuler操作系统全解析：起源、特性与生态对比一、起源与发展历程 openEuler（欧拉操作系统）是华为于2019年开源的Linux发行版，其前身为华为内部研发的服务器操作系统EulerOS。EulerOS自2010年起逐步发展，支持华…...

编程日记 2025/8/14 21:38:14

从零实现Git安装、使用

一、git安装 Git官方下载 1.下载exe程序 2.双击安装，一直点击next，默认安装安装完成后，在任意文件夹右键，出现下图所示，即为安装成功。 3.【Git Bash Here】调出命令窗口，设置用户名和 email 地址。 gi…...

编程日记 2025/8/13 19:32:09

leetcode刷题日记——单词规律

[ 题目描述 ]： [ 思路 ]： 题目要求判断字符串 s 中的单词是否按照 pattern 这种模式排列具体思路和 205. 同构字符串基本一致，可以通过 hash 存储来实现思路二，通过字符串反推 pattern，如果一致，则遵循相…...

编程日记 2025/8/12 4:56:22

Ubuntu 修改语言报错Failed to download repository information

1.进入文件(ps:vim可能出现无法修改sources.list文件的问题） sudo gedit /etc/apt/sources.list2.修改(我是直接增添以下内容在其原始源前面，没有删原始内容)文件并保存，这里会替换原文件 deb http://mirrors.aliyun.com/ubuntu/ focal mai…...

编程日记 2025/8/10 18:40:14

烹饪与餐饮管理实训室数字课程开发方案

烹饪与餐饮管理专业需要具有餐饮产品设计、研发的能力； 具有饮食美学、科学配餐与高端宴席设计的能力； 具有餐饮企业、中央厨房运营管理的能力； 具有餐饮信息化系统应用、数字化运营的能力，这些能力的培养，需要烹饪与餐…...

编程日记 2025/8/15 4:49:00

关于模拟噪声分析的11个误区

目录 1. 降低电路中的电阻值总是能改善噪声性能 2. 所有噪声源的噪声频谱密度可以相加，带宽可以在最后计算时加以考虑 3. 手工计算时必须包括每一个噪声源 4. 应挑选噪声为ADC 1/10的ADC驱动器 5. 直流耦合电路中必须始终考虑1/f噪声 6. 因为1/f噪声随着频率降…...

编程日记 2025/8/9 1:30:14

基于 S2SH 架构的企业车辆管理系统：设计、实现与应用

在企业运营中，车辆管理是一项重要工作。随着企业规模的扩大，车辆数量增多，传统管理方式效率低下，难以满足企业需求。本文介绍的基于 S2SH 的企业车辆管理系统，借助现代化计算机技术，实现车辆、驾驶员和出车…...

编程日记 2025/8/13 15:59:43

51单片机实验七：EEPROM AT24C02 与单片机的通信实例

目录一、实验环境与实验器材二、实验内容及实验步骤三、proteus复位电路 1.改电阻的阻值（方法一） 2.改电阻的属性（方法2） 一、实验环境与实验器材环境：Keli，STC-ISP烧写软件,Proteus. …...

编程日记 2025/8/2 17:19:20

【TeamFlow】 1 TeamFlow 去中心化生产协同系统架构

总体架构设计采用四层混合架构，结合分层设计与去中心化网络： #mermaid-svg-qBgw9wMd8Gi0gOci {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-qBgw9wMd8Gi0gOci .error-icon{fill:#552222;}…...

编程日记 2025/8/10 14:37:34

第 8 期：条件生成 DDPM：让模型“听话”地画图！

本期关键词：Conditional DDPM、Class Embedding、Label Control、CIFAR-10 条件生成什么是条件生成（Conditional Generation）？ 在标准的 DDPM 中，我们只是“随机生成”图像。如果我想让模型生成「小狗」怎么办&…...

编程日记 2025/8/14 17:08:59

树莓派超全系列教程文档--(32)config.txt常用音频配置

config.txt常用音频配置板载模拟音频（3.5mm耳机插孔）audio_pwm_modedisable_audio_ditherenable_audio_ditherpwm_sample_bits HDMI音频文章来源： http://raspberry.dns8844.cn/documentation 原文网址板载模拟音频（3.5mm耳机…...

编程日记 2025/8/8 8:11:18

重要的能解决的问题是这些： perf_events is an event-oriented observability tool, which can help you solve advanced performance and troubleshooting functions. Questions that can be answered include: Why is the kernel on-CPU so much? What code-pa…...

编程日记 2025/8/12 8:41:08

量子神经网络编译器开发指南：从理论突破到产业落地全景解析

本文深度剖析IBM Qiskit 5.0量子经典混合编译器的技术架构，详解如何基于含噪量子处理器实现MNIST手写数字分类任务（准确率达89%）。结合本源量子云、百度量子等国内平台免费配额政策，系统性阐述量子神经网络开发的技术路线与资源获…...

编程日记 2025/8/4 1:56:12

守护者进程小练习

守护者进程含义定义：守护进程（Daemon）是运行在后台的特殊进程，独立于控制终端，周期性执行任务或等待事件触发。它通常以 root 权限运行，名称常以 d 结尾（如 sshd, crond）。特性&a…...

编程日记 2025/8/9 13:55:31

研究生面试常见问题

研究生面试是考研复试的重要环节，面试表现直接关系到录取结果。以下从面试流程、常见问题分类及回答技巧等方面为您整理了相关内容，帮助您更好地准备面试。一、研究生面试的基本流程自我介绍：通常需要准备1分钟左右的中文或英文自我介绍&a…...

编程日记 2025/8/6 5:25:57

极狐GitLab 登录限制如何设置？

极狐GitLab 是 GitLab 在中国的发行版，关于中文参考文档和资料有： 极狐GitLab 中文文档极狐GitLab 中文论坛极狐GitLab 官网登录限制 (BASIC SELF) 您可以使用登录限制自定义 Web 界面以及基于 HTTP(S) 的 Git 的身份验证限制。设置要访问登录限…...

编程日记 2025/8/13 20:17:01

AI驱动商业变革：零售行业的智能化跃迁

引言：AI技术迈入黄金时代 2024年成为生成式AI（Gen AI）全面落地的关键年。据麦肯锡《技术趋势展望》报告，生成式AI相关投资同比增长7倍，其经济价值预计达2.6-4.4万亿美元[1]。在零售领域，该技…...

编程日记 2025/8/14 14:23:26

初始图像学(6)

Camera类我们之前学了很多的图形学知识和相关的程序，现在我们停下脚步，来好好整理一下我们学习的内容，我们将之前的视口代码和渲染代码合并到一个新的单类camera.h，这个类主要负责两项任务： 构建并发射光线到世界中 …...

编程日记 2025/8/14 18:11:21

【React】通过 fetch 发起请求，设置 proxy 处理跨域

fetch 基本使用跨域处理 fetch 基本使用在node使用原生ajax发请求：XMLHttpRequest()1.获取xhr对象 2.注册回调函数 3.设置参数，请求头 4.发起连接原生ajax没有带异步处理 promise；原生ajax封装一下，以便重复调用jQuery&#…...

编程日记 2025/8/10 6:41:07

好数对的数目

题目描述给你一个整数数组 nums。如果一组数字 (i, j) 满足 nums[i] nums[j] 且 i < j，就可以认为这是一组好数对。返回好数对的数目。示例示例 1： 输入：nums [1,2,3,1,1,3] 输出：4 解释： 有 4 组好…...

编程日记 2025/8/8 1:33:32

Animated Raindrop Ripples In HLSL

这节课是利用材质做雨滴i效果首先是创建一个圆环，实际上他就是为了创建一个圆，但是是空心的，可以看之前我的做法，这里以他的为准创建圆环就是当uv的点在max_radius和min_radius之间的时候绘制。他这里写了ringThickness&a…...

编程日记 2025/8/8 13:58:22

Linux学习——守护进程编程

一、守护进程含义及实现过程 1、含义守护进程（Daemon Process） 是操作系统中一种在后台长期运行的特殊进程，通常不与用户直接交互。它独立于控制终端，用于执行周期性任务或系统服务（如日志管理、网络服务等&#xff…...

编程日记 2025/8/15 4:45:22

【C++】 —— 笔试刷题day_19

一、小易的升级之路题目解析小易现在要打游戏，现在游戏角色的初始能力值为a，我们会遇到n个怪，这些怪物的防御值为b1、b2、b3...，如果我们的能力值要高于或者等于怪物的防御值，那我们的能力值就会加bi；如…...

编程日记 2025/8/8 11:18:05

gitee提交大文件夹

# 安装 Git LFS（如果未安装） git lfs install# 跟踪整个大文件夹（或特定大文件类型） git lfs track "big_folder/**" # 替换为你的文件夹名# 提交并推送 git add .gitattributes big_folder/ git commit -m "add …...

编程日记 2025/8/11 19:33:46

纯CSS实现自动滚动到底部

<!DOCTYPE html> <html lang"zh-CN"><head><meta charset"UTF-8" /><meta name"viewport" content"widthdevice-width, initial-scale1.0" /><title>自动滚动到底部</title><style>*…...

编程日记 2025/8/8 4:59:10

WInform当今技术特性分析

Windows Forms (WinForms) 技术特性分析引言 Windows Forms (WinForms) 作为微软最早推出的基于.NET的图形用户界面开发框架，已经存在了20多年。在如今充满了各种现代UI框架的软件开发生态系统中，WinForms仍然保持着其独特的地位。本文将深入分析WinF…...

编程日记 2025/8/11 0:32:53

6.5 GitHub监控系统实战：双通道采集+动态调度打造高效运维体系

GitHub Sentinel Agent 定期更新功能设计与实现关键词：GitHub API 集成、定时任务调度、Python 爬虫开发、SMTP 邮件通知、系统稳定性保障 1. GitHub 项目数据获取功能 1.1 双通道数据采集架构设计 #mermaid-svg-ZHJIMXcMAyDHVhmV {font-family:"trebuchet ms",v…...

编程日记 2025/8/8 16:27:07

自动驾驶安全模型研究

自动驾驶安全模型研究自动驾驶安全模型研究自动驾驶安全模型研究1.自动驾驶安全模型概述2. 自动驾驶安全模型应用3. 自动驾驶安全模型介绍3.1 Last Point to Steer3.2 Safety Zone3.3 RSS (Responsibility-Sensitive Safety)3.4 SFF (Safety Force Field)3.5 FSM (Fuzzy Safe…...

编程日记 2025/8/10 5:04:38

4090租用，各云GPU平台价格对比清单及建议

根据各平台的价格和型号配置，以下是通过DeepSeek-R1进行分析后，给出的建议。一、按显存需求推荐 1.24G显存需求（适合常规AI训练/推理、中小模型） 性价比首选：智星云（1.35元/小时） &#xff0…...

编程日记 2025/8/13 20:17:01

将搜索组件获取的值传递给父页面（如 index 页面）可以通过 自定义事件 或 页面引用 实现

Vant Card 卡片的price-top自定义价格上方区域

返回指定民宿在给定日期范围内每天的预定状态（可订或不可订）。

相关文章：

将搜索组件获取的值传递给父页面（如 index 页面）可以通过自定义事件或页面引用实现