element表单校验问题

崔笑颜

发布于 2020-06-08 17:18:02

1K0

发布于 2020-06-08 17:18:02

文章被收录于专栏：小小码农一个。

需求如下

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

点击编辑

解决如下

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

  //显示编辑界面
            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 删除

element