vue 弹框

弹框

一、组件代码

<template>
  <div class="MisDialog">
    <el-dialog
      v-if="dialogVisible"
      :custom-class="className"
      :width="`${width}px`"
      :fullscreen="fullscreen"
      top="24vh"
      :visible.sync="dialogVisible"
      :title="title"
      :close-on-click-modal="false"
      :destroy-on-close="true"
      :before-close="beforeClose"
    >
      <slot />
      <template slot="footer">
        <slot
          name="footer"
          class="dialog-footer"
        />
      </template>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: 'MisDialog',
  props: {
    title: { // 标题
      type: String,
      default: '弹框'
    },
    classNam