
element ui 弹窗组件的 visible 属性解析
在 Element UI 的源码中,我们发现 Dialog 组件的 props 中没有可见性(visible)属性,但它的使用却能接收可见性参数。那么,这背后的原理是什么?
解答:
visible 属性实际上是通过mixins中的Popup混合进入的。Popup Mixin提供了对弹出式组件的通用功能,包括可见性管理。该 mixin 在Dialog组件中使用,允许其使用 visible 属性。
以下是相关源码说明:
component.vue
import Popup from 'element-ui/src/utils/popup';
export default {
mixins: [Popup, emitter, Migrating],
}index.js
export default {
props: {
visible: {
type: Boolean,
default: false
},
},
}










