vue中$event理解和框架中在包含默认值外传参

本文主要介绍了Vue中iView组件传参相关知识。在iView的select组件事件中,若要传入自定义参数,可使用特定方式获取默认选中值。还说明了自定义组件向父组件传参是通过触发事件,父组件监听并接收参数,若要添加自定义值,需注入子组件传来的默认值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
vue中普通方法中默认带有event DOM事件如greet方法,如果是内联函数的话如warn方法,只需要在定义方法的地方同时传入$event即可,这里需要强调的是在iview中,这里用的是select组件,在其on-change事件中如果想要传入自定义的参数,使用直接传参的方式,获取的是传入的参数,那么如何获取到该方法默认的返回值(即不传参数时返回的默认选中值),这里使用 $event传入代表选中的值,如test方法,这里似乎也只要$event可以传入代表选中的值,其他的可能就是普通的参数,至于这个时候想要获取dom事件似乎已经没有了意义,因为这里的select是iview封装的组件。
当然具体原因呢也在这里自定义的组件,在vue中自定义组件向父组件传参的时候是通过$emit触发事件,父组件通过v-on,监听事件,如果子组件向父组件传参数,那么在监听的事件里通过$event来接受参数。如下图
在这里插入图片描述
如果这里写成了方法的方式,该方法默认接受一个参数(也就是子组件传给父组件的值),也是我们调用框架的结构时,里面所说的默认返回值。

v-on:formChild='change'
方法里使用
change(child){conslo.log(child)}

如果你想在子组件传给父组件的值之外添加自定义的值,那么你在方法里就必须把子组件传过来的默认值通过$event注入到方法里。

v-on:formChild='change($event,"来自子组件")'
方法里使用
change(child,msg){conslo.log(child,msg)}
在编程中,传 $event 多个参数是两种不同的传方式。 首先,关于传 $event,通常用于事件处理函数中,特别是在前端开发中常见。$event本质上是一个特殊的参数对象,用于传递事件的相关信息。比如,在Vue.js框架中,当在模板中绑定事件时,可以通过$event来访问事件的属性方法,以获取与该事件相关的信息。一般来说,$event会自动被传递给事件处理函数,而无需手动传入。通过使用$event,我们可以获取事件类型、事件源、鼠标坐标等相关信息,以便在事件处理函数中进行相应的操作处理。 另一方面,多个参数的传递方式相对更为常见。在编程中,我们经常需要传递多个参数给函数或方法,便于函数的调用。对于JavaScript来说,可以通过直接将多个参数列在函数调用的括号中来传递多个参数。例如,假设有一个函数add,用于求两个数的,我们可以通过add(3, 5)来传递两个参数35。在函数内部,可以通过形来接收传递的参数,可以使用这些参数进行一系列的运算逻辑操作。 综上所述,传 $event 多个参数是两种不同的传方式。传 $event通常用于事件处理函数中,用于传递事件的相关信息。而多个参数的传递方式则常用于函数调用中,用于传递多个参数给函数或方法。这两种传方式在编程中都有其特定的应用场景用途。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值