Element UI 弹窗组件的 visible 属性是如何实现的？

本篇文章给大家分享《Element UI 弹窗组件的 visible 属性是如何实现的？ 》，覆盖了文章的常见基础知识，其实一个语言的全部知识点一篇文章是不可能说完的，但希望通过这些问题，让读者对自己的掌握程度有一定的认识(B 数)，从而弥补自己的不足，更好的掌握它。

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
    },
  },
}

今天关于《Element UI 弹窗组件的 visible 属性是如何实现的？ 》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！