vue + elementUI 表单重置两种方法 - 静以修身俭以养德

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

vue + elementUI 表单重置两种方法

一、添加 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.$options.data()是vue实例初始化时的data数据，只读属性

 this.$options.data() // 整个data全部重置
 this.form = this.$options.data().form // 重置data中的 某个form表单

以上是 vue + elementUI 表单重置两种方法 - 静以修身俭以养德 的全部内容， 来源链接： utcz.com/z/378473.html

回到顶部