element表单重置
时间: 2023-10-08 13:06:23 浏览: 69
element表单重置是通过调用resetFields()方法来实现的。在点击重置按钮执行的方法中,可以使用$refs来获取到表单组件的引用,然后调用resetFields()方法来重置表单的属性值。具体代码如下:
```
reset() {
// 重新设置请求参数实体属性
this.queryParams = {
memberName: undefined,
typeId: undefined,
};
// 指定表单属性值重置
this.$refs["queryForm"].resetFields();
}
```
以上代码中,先重新设置请求参数实体属性,然后通过this.$refs["queryForm"].resetFields()来重置表单属性值。这样就可以实现element表单的重置功能。
相关问题
element 表单重置
要重置element表单,可以使用resetFields()方法。根据引用中提到的方法,你可以在点击重置按钮的事件中调用resetFields()方法来实现表单的重置。在你的代码中,可以将resetForm()方法修改为如下所示:
```javascript
methods: {
resetForm() {
this.$refs.formName.resetFields();
}
}
```
其中,`formName`是你在el-form组件上使用ref属性定义的名称。通过`this.$refs.formName`可以访问到el-form组件的实例,然后使用resetFields()方法来重置表单。这样,在点击重置按钮时,会将表单中的字段值重置为初始值。
以上是使用element-ui中的resetFields()方法来重置表单的方法。希望对你有所帮助。
element ui 重置表单
element ui提供了一个方便的方法来重置表单,可以使用rest(form)方法来实现。其中form是表单的名称,可以在el-form标签中通过ref属性来指定。具体实现可以参考以下代码:
```javascript
new Vue({
el: '#app',
data: function() {
return {
form: {
// 表单数据
}
}
},
methods: {
rest(form){
for(let key in form){
this.$set(form,key,'');
}
}
}
});
```
在el-button标签中通过@click事件来调用rest(form)方法,从而实现重置表单的功能。需要注意的是,在rest(form)方法中需要遍历表单数据并将其清空,可以使用for...in循环和this.$set()方法来实现。