vue $emit子组件传出多个参数,如何在父组件中在接收所有参数的同时添加自定义参数
2023-09-27 14:26:44 时间
前言
很多时候用$emit
携带参数传出事件,并且又需要在父组件中使用自定义参数时,这时我们就无法接受到子组件传出的参数了。
找到了两种方法可以同时添加自定义参数的方法。
方法一
子组件传出单个参数时:
// 子组件
this.$emit('test',this.param)
// 父组件
@test='test($event,userDefined)'
方法二
子组件传出多个参数时:
// 子组件
this.$emit('test',this.param1,this.param2, this.param3)
// 父组件 arguments 是以数组的形式传入
@test='test(arguments,userDefined)'
参考文献
相关文章
- 27 Vue组件传值时的校验操作
- 【Vue】组件template中提示“TypeScript intellisense is disabled on template. To enable, configure `“jsx“: ”错误
- 【Vue】通过自定义组件事件绑定,让【父组件】获取【子组件】的值(emit方式,图文+代码示例)
- Vue - 完美解决 Element UI 侧边导航菜单 <el-menu> 出现滚动条,去掉 Element 侧边导航组件的横纵滚动条(但滚动功能依然保留,仅仅是去掉 “滚动条“)100% 解决方案
- vue 试图改变子组件props 属性值时,控制台报错解决方案
- vue 父组件如何调用子组件的函数Methods
- Vue组件间的通信【子传父,父传子,同级传递,爷孙传递】
- Vue--嵌套路由-多层级关系-to="/account/login"---路由子组件children: [],--保留父组件的内容
- vue--父组件向子组件传参--父组件定义v-bind:参数名--子组件接收props----子组件调用父组件的方法(子组件向父组件传参)父组件@事件名称--子组件接收this.$emit
- Vue知识点总结(12)——组件通信-子传父(超级详细)
- vue基础---介绍
- 【Vue】Vue2组件传参总结来了(建议收藏)
- vue文档摘录七:内置组件
- vue mint-ui 框架下拉刷新上拉加载组件的使用
- vue组件值传递之父组件向子组件传递(props)
- vue实现悬浮球组件
- vue中父组件如何监听子组件值的变化
- Vue子组件调用父组件的方法
- vue组件通信传值的几大方法及组件通信provide/inject的使用
- 详解vue父组件传递props异步数据到子组件的问题
- Vue组件的渲染更新原理解析(重要)
- MAC在Chrome安装vue插件
- vue.js 安装过程(转载)
- Vue 中 (moment)操作日期的加减与展示
- Vue父子组件互传数据详细流程
- 造个自己的Vue的UI组件库类似Element
- 大话大前端时代(一) —— Vue 与 iOS 的组件化