Vue el-form 表单清空初始化

如果用手写属性值=undefined 会带来副作用影响，比如下次打开，这个属性没了，然后页面无法写入，或是选择项出现validate校验error ，这并不是我们想要的效果，推荐使用官方已经定义好的resetFields它需要具备三个条件，才能成功初始化。1.el-form 里加上 ref='form'2.表单项加上 prop="name"3.this.$refs['form'].reset

如花菇凉

4586人浏览 · 2021-12-21 14:45:00

如花菇凉 · 2021-12-21 14:45:00 发布

如果用手写属性值=undefined 会带来副作用影响，比如下次打开，这个属性没了，然后页面无法写入，或是选择项出现validate校验error ，这并不是我们想要的效果，推荐使用官方已经定义好的

resetFields

它需要具备三个条件，才能成功初始化。

1.el-form 里加上 ref='form'

2.表单项加上 prop="name"

3. this.$refs['form'].resetFields() // 清空表单

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

Vue

echarts堆叠柱状图

Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...