elementui resetFields方法重置表单失败

johnhuster的分享

发布于 2022-03-28 19:56:40

62900

代码可运行

文章被收录于专栏：johnhusterjohnhuster

运行总次数：0

代码可运行

                <el-form :inline="true" :model="form" ref="form1" class="form-inline">
                    <el-form-item label="工号：" prop="jobNumber">
                         <el-input v-model="form.jobNumber" placeholder="请输入工号" clearable></el-input>
                     </el-form-item>
 
                     <el-form-item label="姓名：" prop="name">
                         <el-input v-model="form.name" placeholder="请输入姓名" clearable></el-input>
                     </el-form-item>    
 
                     <el-form-item label="部门：" prop="deptName">
                         <el-input v-model="form.deptName" placeholder="请输入部门名称" clearable></el-input>
                     </el-form-item>

之所以最初this.$refs[formName].resetFields()没有效果，是因为遗漏了prop属性，加上prop属性后就会生效！！！

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019/04/29 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度

elementui resetFields方法重置表单失败

elementui resetFields方法重置表单失败

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐