Element UI Dialog 组件的 visible 属性在哪里定义?

Element UI Dialog 组件的 visible 属性在哪里定义?

element ui源代码中dialog的visible属性是哪儿定义的?

element ui的dialog组件中,visible属性的作用是控制弹窗的显示和隐藏。但奇怪的是,在props中并没有定义visible属性,而且在组件源码中也没有找到其定义的位置。

其实,visible属性是通过mixins中的Popup混入的。Popup混入定义了弹窗的通用功能,包括visible属性和相关的处理逻辑。

popup.js 中的 props 定义可见如下:

props: {
    visible: {
      type: Boolean,
      default: false
    },
},

当Popup混入到dialog组件中时,dialog组件便继承了visible属性和Popup中对visible属性的处理逻辑。

因此,即使props中没有定义visible属性,dialog组件依然可以使用visible属性,并在传入该属性值时触发相关的弹窗显示或隐藏操作。

以上就是Element UI Dialog 组件的 visible 属性在哪里定义?的详细内容,更多请关注其它相关文章!