Advertisement

元素Plus Vue引用Element-Plus 重置表单步骤

阅读量:

#vue引用element-plus时清空表单的操作|重置表单|this.$refs[name].resetFields();失效的做法

内容详尽!确保能够顺利实现!

目前存在如下功能需求:

在完成表单填写后,当用户点击保存按钮时,需要同时执行数据存储并清除表单中的所有输入信息。此外,当用户选择取消操作时,同样需要将表单内容进行清空处理。

image-20220127011735620

界面:element-plus表单功能的展示效果

element-plus清空表单步骤:

如果你的this.$refs[formname].resetFields()方法未能正常运作,建议依次排查以下几个方面以确保问题得到解决。

1.在使用element-plus框架时,必须在el-form标签中明确指定ref属性,并且需要将model属性与之绑定,两者应保持一致。

那么应该绑定哪一个对象呢?

当我们需要添加地址信息时,通常会将表单内容作为一个整体进行处理,每一条表单数据都会被添加到一个数组中。因此,在data层必然存在一个对象,用于表示该表单的每一项数据,用户输入的内容均对应

全部评论 (0)

还没有任何评论哟~