uniapp+uview清空值form表单

用法与elementUI清空表单方式相同:
html如下:
uniapp+uview清空值form表单_第1张图片
this.$refs.resumeFormRef.resetFields(this.resumeRules); //表单重置

而同时我碰到一个问题,描述:页面本身有一个表单,从表单某个值中弹出模态框,这个模态框也有一个表单,两个表单都需要做必填校验,同时设置setRules 模态框中的表单会报错。
uniapp+uview清空值form表单_第2张图片
解决: 在打开模态框的事件中,用this.$nextTick(function(){})重新设置
uniapp+uview清空值form表单_第3张图片
这样就完美解决了。

你可能感兴趣的:(前端)