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

suoh's Blog

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

阅读量2.1k

点赞数

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

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

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

版权

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

26 篇文章 43 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文档介绍了如何在Vue3项目中，结合TypeScript和ElementUI-Plus进行弹框(BaseDialog)的二次封装，包括组件的创建和在index.vue中的实际应用，最后展示了封装后的效果。

摘要由CSDN通过智能技术生成

一、弹框组件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">