js中,对于$event的使用
引用组件库的一些组件时,或者是父子组件传值时,可能会需要在方法内部传一个新的参数,但是这个方法本来会有一个自带的内置参数。
比如:
<u-upload :fileList="companyPicList2" @afterRead="afterRead($event, 2)" @delete="deletePic" name="2" multiple :maxCount="1">
<div class="content" v-if="companyPicList2.length == '0'">
<u--image :showLoading="true" :src="images.picture" width="26rpx" height="26rpx"></u--image>
</div>
</u-upload>
这是是组件库uview,我们使用u-upload进行图片上传,然后呢,这个组件会有一个封装好的方法,也就是 @afterRead,它代表的事件是选择好照片之后,其中会有一个内置参数,如果我们不另外传值的话,也就是 @afterRead="afterRead", 在methods定义方法,afterRead(event){ console.log(event) },这样就可以拿到关于上传照片的信息。
那么说,如果我们不仅想要使用这个内置参数,还想要在另外多传一个参数呢,就需要使用 $event, 写法: @afterRead="afterRead($event, 多穿的参数比如 ‘1’ )",在methods中使用,
afterRead(event,number){
console.log(event); //拿到关于内置参数的信息
console.log(number); //拿到第二个多传入参数的信息
}
在本知识点中, $event 也就是充当了一个为自带参数占位的角色。