vue3 对话框组件封装

鱼弦:CSDN内容合伙人、CSDN新星导师、全栈领域创作新星创作者 、51CTO(Top红人+专家博主) 、github开源爱好者(go-zero源码二次开发、游戏后端架构 https://github.com/Peakchen)

需求:1.添加功能与编辑功能调用一个组件,但想要它们传入的表单项不一样,比如点击添加功能后可以修改用户的姓名,电话,初始密码;点击编辑功能只能修改姓名和电话。
2.调用后端接口saveOrUpdate使得新增和编辑的数据可以渲染到页面上

<template>
  <div>
    <!-- 添加功能调用对话框组件 -->
    <button @click="showAddDialog = true">添加用户</button>
    <dialog-form
      :show-dialog="showAddDialog"
      :is-edit="false"
      @close="showAddDialog = false"
    ></dialog-form>

    <!-- 编辑功能调用对话框组件 -->
    <button @click="showEditDialog = true">编辑用户</button>
    <dialog-fo

猜你喜欢

转载自blog.csdn.net/feng1790291543/article/details/133123480