vue 子传父多个值

全栈程序员-站长 • 2025年6月17日下午7:15 • 未分类 • 阅读 7

vue 子传父多个值子组件子组件通过 emit 触发父组件中的自定义函数第一个值为自定义函数名后面的参数是向父组件传的值 van button click emitGetList type info 搜索 emitGetList this emit refreshList this cityValue this amount this requires 父组件 van button click emitGetList type info

子组件

子组件通过$emit触发父组件中的自定义函数，第一个值为自定义函数名，后面的参数是向父组件传的值

<van-button @click="emitGetList" type="info">搜索</van-button> emitGetList(){ 
    this.$emit('refreshList',this.cityValue,this.amount,this.requires); },

父组件

<searchChild @refreshList = 'getDate' ></searchChild> getDate(city,industry,Lstyle,amount,requires){ 
    this.cityValue = city this.industry = industry this.Lstyle = Lstyle this.amount = amount this.requires = requires this.getList() },

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/233834.html原文链接：https://javaforall.net

0 0

关于作者

全栈程序员-站长

133.5K 文章

3 粉丝

本网站汇聚当前互联网主流语音，持续更新，欢迎关注公众号“全栈程序员社区”

epoll高度封装reactor,几乎所有可见服务器的底层框架「建议收藏」

上一篇 2025年6月17日下午7:01

XSHELL安装指南

下一篇 2025年6月17日下午7:22

## HTTP系列之Accept-Encoding和Content-Encoding[通俗易懂]

## HTTP系列之Accept-Encoding和Content-Encoding[通俗易懂]前端的性能优化是一个永不停歇的路程，优化的方式也不一而足，今天重点不在于介绍性能优化，而是介绍性能优化的其中一种方式，通过压缩来节省http请求的流量，实现过程中依赖http中header部分的两个字段，Accept-Encoding和Content-EnCoding（分别来自request的header和response的header）。前两天排查一个问题是注意到项目里ssr时返回的页面竟然没…

全栈程序员-站长
2022年7月15日
25
ios 文件操作[通俗易懂]

ios 文件操作[通俗易懂][+]获取应用沙盒根路径获取Documents目录路径获取Library目录路径获取Cache目录路径获取Tmp目录路径创建文件夹创建文件写数据到文件读文件数据文件属性删除文件 iOS的沙盒机制，应用只能访问自己应用目录下的文件。iOS不像android，没有SD卡概念，不能直接访问图像、视频等内容。iOS应用产生的内容，如图像、文件、缓存内容等都必须存储在自己的沙

全栈程序员-站长
2026年2月1日
6
iframe的高度自适应_div自适应高度

iframe的高度自适应_div自适应高度Demo页面：主页面iframe_a.html，被包含页面iframe_b.htm和iframe_c.html下面开始讲：通过Google搜索iframe自适应高度，结果5W多条，搜索iframe高度自适应，结果2W多条。我翻了前面的几十条，刨去大量的转载，有那么三五篇是原创的。而这几篇原创里面，基本上只谈到如何自适应静的东西，就是没有考虑到JS操作DOM之后，如

全栈程序员-站长
2022年10月12日
6
集合及运算_集合的概念及运算

集合及运算_集合的概念及运算[TOC]数据结构与算法_Python_C完整教程目录：https://www.cnblogs.com/nickchen121/p/11407287.html更新、更全的《数据结构与算法》的更新网

全栈程序员-站长
2022年8月6日
7
openclaw

最火的大模型小龙虾OpenClaw来了

最火的大模型小龙虾OpenClaw来了

Ai探索者
2026年3月13日
3
使用 JSONPath 解析 JSON 完整内容详解

使用 JSONPath 解析 JSON 完整内容详解jsonpath的介绍:JsonPath是一种简单的方法来提取给定JSON文档的部分内容。JsonPath有许多编程语言，如Javascript，Python和PHP，Java。JsonPath提供的json解析非常强大，它提供了类似正则表达式的语法，基本上可以满足所有你想要获得的json内容。 github上有它的应用:https://github.com/json-path/…

全栈程序员-站长
2022年6月15日
138