欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue + elementUI 表单重置

程序员文章站 2024-01-02 21:13:10
...

一、添加 prop 清空验证和内容

			<el-form-item label="排序" prop="orders">
                <el-input
                  v-model="ruleForm.orders"
                  size="small"
                  placeholder="请输入数字"
                  oninput="value=value.replace(/[^\d]/g,'')"
                  clearable
                />
			</el-form-item>

<el-form ref="ruleFormRef ">添加 ref属性,然后使用 this.refs["ruleFormRef"].resetFields()this.refs[ "ruleFormRef" ].resetFields() 或者this.refs.ruleFormRef.resetFields()

二、this.$options.data()是vue实例初始化时的data数据,只读属性

 this.$options.data() // 整个data全部重置
 this.$options.data().form // 重置data中的 某个form表单
相关标签: vue

上一篇:

下一篇: