`this.$emit` 子组件给父组件传递多个参数
在这篇文章 Vxe-table 高亮当前行 中,我提到过this.$emit
子组件给父组件传递多个参数,这里再次记录一下,增加印象。
注意事项
-
传递多个参数时:
-
父组件的子组件标签中,绑定的事件必须填上参数
arguments
,这是因为 arguments 是一个对应于传递给函数的参数的类数组对象。 -
父组件中绑定的函数中的形参,可以为任意值,比如
val
,e
,argus
等等。 -
子组件中传递参数,注意实参的书写顺序。
-
-
传递单个参数时:
-
父组件的子组件标签中,绑定的事件可以不书写参数,直接书写事件名;也可以填上形参
$event
。 -
父组件中绑定的函数中的形参,实际上就是
$event
,即子组件传递来的值。
-
代码
参考链接
-
原生事件和自定义事件中,
$event
代表的含义不同: Vue中自定义事件的 $event传参问题
补充
经评论区友友提示:子组件传递多个参数还有一种方式——把多个参数用 {}
包裹,父组件绑定函数的形参用任意值来接收。
本文来自博客园,作者:shayloyuki,转载请注明原文链接:https://www.cnblogs.com/shayloyuki/p/16525264.html
posted on 2022-07-27 16:15 shayloyuki 阅读(3395) 评论(2) 编辑 收藏 举报