从mint-ui源码查看接口信息的技巧(以datetime-picker为例)

本文介绍了如何找到并理解datetime-picker组件中取消按钮的回调函数。通过阅读源码,详细解释了四个关键$emit事件的作用,并指出实际上弹窗关闭事件可能更符合需求场景。

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

1.问题:想知道datetime-picker取消的回调函数,but文档没有提供

2.原因:懒,估计是觉得源码都给你了,自己看源码去,文档写个大概就好了

3.解决方式:看源码,从源码中读取接口信息

步骤:1)打开datetime-picker的源码vue文件

2)搜索$emit关键词,从文中找出如下四个地方:

1.$emit('cancel') ---------这估计是取消的按钮回调了
2.this.$emit('confirm', this.currentValue);------这是文档的确认按钮回调
3.this.$emit('input', this.currentValue);-------这是啥,没去理会
4.this.$emit('visible-change', val);--------这是弹窗关闭和打开的回调函数

3)按理说就是第一个取消的按钮回调,但其实第四个的弹窗关闭和打开更符合本身的需求,区别在于,第四个多了一个按弹窗外部地方进行取消的监听

4.后记:这个方法不仅适合datetime-picker,其他组件同样适用,也不仅适合mint-ui,其他的vue组件也适合

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值