Yuxian: Parceiro de conteúdo CSDN, mentor estrela em ascensão da CSDN, criador estrela em ascensão no campo full stack, 51CTO (celebridade + blogueiro especialista), entusiasta de código aberto do github (desenvolvimento secundário de código-fonte zero, arquitetura de back-end de jogo https: / /github.com/Peakchen)
Requisitos: 1. A função add e a função edit chamam um componente, mas os itens do formulário passados são diferentes. Por exemplo, após clicar na função add, o nome do usuário, número de telefone e senha inicial podem ser modificados; clicando no botão editar função só pode modificar o nome e o número de telefone.
2. Chame a interface de back-end saveOrUpdate para que os dados recém-adicionados e editados possam ser renderizados na página.
<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