使用elementui的表单重置按钮不生效（水平不行就是容易造坑）

最新推荐文章于 2024-08-15 14:56:16 发布

吃着火锅敲代码

最新推荐文章于 2024-08-15 14:56:16 发布

阅读量5k

点赞数 1

分类专栏：笔记文章标签： vue elementui resetFields() 重置按钮不生效

本文链接：https://blog.csdn.net/qq_35735865/article/details/85317997

版权

笔记专栏收录该内容

21 篇文章 0 订阅

订阅专栏

使用this.$refs[formName].resetFields();不生效，代码如下

<!--:mode="xxxx" 插值绑定 ref="xxx" 注册引用信息-->
<el-form :inline="true" :model="queryparams" ref="queryparams">
        <el-row type="flex">
          <el-col :span="5">
            <el-form-item prop="audioId" label="音频ID">
              <el-input
                v-model="queryparams.audioId"
                placeholder="音频ID"
              ></el-input>
            </el-form-item>
          </el-col>

<el-button @click="resetForm('queryparams')">重置</el-button>

resetForm(formName) {
      this.$refs[formName].resetFields();
    }