SPA项目开发之CRUD+表单验证-白红宇的个人博客

SPA项目开发之CRUD+表单验证

发布日期：2022-02-27 17:51:22 浏览次数：40 分类：技术文章

本文共 892 字，大约阅读时间需要 2 分钟。

1.表单验证

Form组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将Form-Item的prop属性设置为需校验的字段名即可

注1：有多个表单，怎么在提交进行区分？我们在rules这里写了对表单的验证规则，但是我们如何在methods里进行指定的表单进行认证，所以我们一开始就在el-form里写了 ref=“ruleForm”，我们在methods里就可以用

注2：清空表单验证信息this.$refs[formName].resetFields();

2.CUD

2.1 新增

2.2 添加修改/删除按钮

2.3 在template>上使用特殊的slot-scope 特性，可以接收传递给插槽的prop

基于前两天的代码完成CUD:

Articles.vue

效果图：

转载地址：https://blog.csdn.net/shaobina/article/details/100546304 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！

上一篇：SPA项目开发之动态树+数据表格+分页

下一篇：使用简单的神经网络实现区分鸢尾花类别

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！