vue + elementui表单重置 resetFields问题(无法重置表单)

问题:

        elementui在重置表单时,无法使用this.$refs['formRefVal'].resetFields()清空表单数据;

        elementui 设置rules后没有效果

解决方法:

        1、表单加ref属性

        2、form的每个item加prop属性(踩了好久的坑这个,需要和绑定数据的最后名称一致,prop属性添加到form-item上)

        3、绑定点击事件中传入refname

清空

        4、注册事件

                restForm(refname) {

                       this.$refs[refname].resetFields()

                }

        5、检查是否有初始值

            在data数据上需要挂载表单数据初始值为''

如果使用了$store.state.fm.plan管理关联表单数据,那么在form中需要添加:model="$store.state.fm"


转载:https://my.oschina.net/yxmBetter/blog/1535157

你可能感兴趣的:(vue + elementui表单重置 resetFields问题(无法重置表单))