vue3+ts+elementui-plus二次封装弹框

suoh's Blog

已于 2023-07-27 17:17:42 修改

阅读量1.8k

点赞数

分类专栏： ❤️❤️--vue3核心技术栈文章标签： vue.js elementui-plus vue3中弹框二次封装

于 2023-07-26 11:32:28 首次发布

本文链接：https://blog.csdn.net/qq_41579104/article/details/131935628

版权

❤️❤️--vue3核心技术栈专栏收录该内容

24 篇文章 24 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

一、弹框组件BaseDialog

<template>
      <div class='main'>
            <el-dialog v-model="visible" :title="title" :width="dialogWidth" :before-close="handleClose">
                  <!-- 内容插槽 -->
                  <slot></slot>
                  <template #footer>
                        <span class="dialog-footer">
                              <el-button v-if="showCancelButton" @click="handleClose">取消</el-button>
                              <el-button v-if="showConfirmButton" type="primary" @click="handleConfirm">
                                    确认
                              </el-button>
                        </span>
                  </template>
            </el-dialog>
      &l