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

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组件也适合

猜你喜欢

转载自blog.csdn.net/swiftlinlei/article/details/81181053