前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >element表单校验问题

element表单校验问题

作者头像
崔笑颜
发布2020-06-08 17:18:02
1K0
发布2020-06-08 17:18:02
举报
文章被收录于专栏:小小码农一个。

需求如下

新增时,校验为空未通过,点击取消按钮。重新打开编辑,明明有值,显示校验未通过。

QQ20200527-094712@2x
QQ20200527-094712@2x

点击编辑

QQ20200527-094727@2x
QQ20200527-094727@2x

解决如下

在新增编辑打开时初始化控件。

代码语言:javascript
复制
  //显示编辑界面
            handleEdit: function (index, row) {
                this.$nextTick(() => {
                    this.$refs['form'].resetFields();
                });
                this.formTitle='编辑';
                this.formVisible = true;
                this.form = Object.assign({}, row);
            },


            //显示新增界面
            handleAdd: function () {
                //初始化控件校验。
                this.$nextTick(() => {
                    this.$refs['form'].resetFields();
                });
                this.formTitle='新增';
                this.formVisible = true;
                this.form = {
                    name:'',
                    customerCategory:'',
                    loginUrl:'',
                    logoUrl:'',
                    systemTitle:'',
                    deadlineTime:'',
                    contacts:'',
                    phone:'',
                    description:'',
                    address:'',
                    memo:'',
                    industry:'',
                };
            },

问题解决。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-05-27,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 需求如下
  • 解决如下
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档