el-form表单当输入框或选择框有内容仍出现提示问题

最新推荐文章于 2024-01-10 22:05:49 发布

打断你个鸡腿儿

最新推荐文章于 2024-01-10 22:05:49 发布

阅读量283

点赞数

文章标签： vue.js 前端

本文链接：https://blog.csdn.net/flaw_saint/article/details/132454125

版权

本文描述了一个在Vue应用中关于asyncedit方法的实现，包括处理新增和编辑操作时如何清空或绑定表单字段，以及如何使用`$refs.ruleForm.resetFields()`来管理组件状态，确保用户体验的流畅性。

摘要由CSDN通过智能技术生成

async edit (row) {
        this.addVisible = true
        // 新增
        if (row === 'new') {
          this.readGroup = {
            setName: '',
            setCode: '',
            gradeType: ''
          } // 表单对应字段都置空
          this.editFlag = false
          this.$refs.ruleForm.resetFields()  // 重置新增输入框内容，避免编辑时出现红色提示
        } else {
          this.editFlag = true
          this.readGroup.setName = row.setName
          this.readGroup.setCode = row.setCode
          this.readGroup.gradeType = row.gradeType
          this.paperReadGroupSetId = row.paperReadGroupSetId
        }
      },