后台管理系统3

2022-04-26 117 阅读1分钟

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第25天，点击查看活动详情

品牌的表单验证

首先找到elementUI的Form表单的表单验证. Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可。首先给el-form添加rules属性（必须有model属性）

在这里插入图片描述

接下来添加规则

在这里插入图片描述

接下来设置prop属性

在这里插入图片描述

接下来设置当验证全部通过，才能进行接下来的操作首先给form打上ref

在这里插入图片描述

接下来书写逻辑

在这里插入图片描述

删除品牌操作

首先书写接口

在这里插入图片描述

接下来找到删除按钮，绑定一个点击事件

在这里插入图片描述

然后书写逻辑。在这里使用一下elementui中的MessageBox的确认消息

在这里插入图片描述