vue3.0项目实战系列文章 - 普通列表查询、分页、增删改、表单的实现

目录

效果

​编辑

子页面

---

效果

• el-button 的 icon及text有所改变

• table 的 template有所改变

• el-pagination写法注意

• 引入子组件写法参照博主其他文章

 主页面（父组件）

• 没法讲解了，看代码吧
• 请求接口+分页的逻辑经过时间验证

子页面

展现

 注意：

• defineExpose  注意暴露！！
• el-dialog 需要v-model
• form 的 ref="ruleFormRef" :rules="rules" :model="ruleForm"

• onSubmit(ruleFormRef)

• import type { FormInstance } from 'element-plus'编辑器插件版本过高会报错，我直接注释了，等待再次升级！

• as any[]注意他的使用

• nextTick的使用

• push的使用

• 表单验证

源代码：