vue element ui 表单提交数据后清空数据

Qlittleboy

已于 2024-01-29 13:12:58 修改

阅读量1.1k

点赞数 7

文章标签： vue.js ui javascript

于 2024-01-29 12:00:06 首次发布

本文链接：https://blog.csdn.net/qq_21810059/article/details/135909274

版权

elementui清空表单验证

清空不是数据都设置为空，而是变成初始状态

在Element UI中，可以使用this.$refs.formName.resetFields()来清空表单的验证。

示例代码如下所示：

<template>
  <el-form ref="myForm" :model="formData">
    <!-- 表单内容 -->
    
    <el-button @click="clearValidation">清空</el-button>
  </el-form>
</template>
 
<script>
export default {
  data() {
    return {
      formData: {} // 表单数据对象
    }
  },
  
  methods: {
    clearValidation() {
      this.$refs.myForm.resetFields(); // 清空表单验证
      
      // 其他操作...
    }
  }
}
</script>