vue + element-ui表单重置 resetFields问题(无法重置表单)
问题:elementui在重置表单时,无法使用this.$refs['formRefVal'].resetFields()清空表单数据;elementui 设置rules后没有效果;解决方法:1、表单加ref属性<el-form ref="refname"></el-form>2、form的每个item加prop属性(踩了好久的坑这个,需要和绑定...
·
问题:
elementui在重置表单时,无法使用this.$refs['formRefVal'].resetFields()
清空表单数据;
elementui 设置rules后没有效果;
解决方法:
1、表单加ref属性
<el-form ref="refname"></el-form>
2、form的每个item加prop属性(踩了好久的坑这个,需要和绑定数据的最后名称一致,prop属性添加到form-item上)
<el-form-item prop="name">
<el-input v-model="query.name"></el-input>
</el-form-item>
3、绑定点击事件中传入refname
<el-form-item>
<el-button @click="resetForm('refname')">清空</el-button>
</el-form-item>
4、注册事件
restForm(refname) {
this.$refs["refname"].resetFields()
}
+ 5、检查是否有初始值
在data数据上需要挂载表单数据初始值为''
更多推荐
已为社区贡献5条内容
所有评论(0)