但是编辑弹窗关闭的时候已经调用了表单的重置,但是不起作用, function closeDialogClick() { accountRef.value.resetFields(); dialogVisible.value = false; } 你再次点击“新增用户数据”弹窗的时候,编辑用户数据的内容还在编辑的详情数据并未初始化。 解决方法: 点击查看代码 functioneditAccountData(item) { dialog...
formEl.resetFields() } 我的结构不一样,如下:(结构中多嵌套了一层) dynamicValidateForm{condition:{domains:[{key:1,value:'',},],},email:'',} 这种结构下就出问题了,加了验证后选了内容也会报错。原因是页面中的HTML写的不对,层级都要写出来。 如下: <el-form-itemv-for="(domain, index) in ...
resetFields() } /** * 重点在这里! */ function handleClickRule(idx: number) { actBtn.value = idx switch (idx) { case 1: /** * 这一行很关键,解决问题1,切换前,先清除已有的报红 */ resetForm(ruleFormRef.value) rules.value = rulesOne break case 2: resetForm(ruleFormRef.value) ...
注意:this.$refs[‘form’].resetFields()这个做法其实是重置表单到初始值,不是清空表单,当表单第一次在页面中渲染时所用的数据就是初始数据。 2、坑1 在还没有显示对话框之前就调用this.$refs[‘form’].resetFields(),会报错。 解决方法: this.$nextTick(() => { this.$refs['form'].resetFields(); ...
可是打开之后之后,在控制台会报错,说该方法不存在! 上网查原因,一大堆都有,最后查到是element ui 打开弹框的方法是自带延迟的。 于是,我就用了下面的方法。 setTimeout(function () { that.$refs['dialogContent'].resetFields(); },300) 1.
这里要重置按钮重置表单数据,取到表单的ref调用resetFields方法就好了,然后点击搜索按钮可以打印出formData数据,然后我们就可以利用该数据去做我们想要做的操作了,例如查询列表数据等<template> <template #header> 高级检索 </template> <template #footer> <el-button type="primary" :icon="Refresh" @click=...
// 重置表单的方法// 为了能够自动一键清空自定义的上传组件和富文本组件的值letresetFields=()=>{// 重置element-plus表单form.value!.resetFields();// 重置富文本编辑器的内容// 获取富文本的配置项if(props.options&&props.options.length){leteditorItem=props.options.find((item)=>item.type==="editor"...
原因描述:Form的这个方法resetFields有问题,调用后不是重置为空,而是重置为第一次给form赋的值。 相关讨论:https://github.com/ElemeFE/element/issues/3217 9、组件的Methods调用 在组件上添加ref属性,使用this.$refs.yourElementRefAttributeValue.methodName()调用。
[LoginFormRef].resetFields() } } } .bg-bubbles { background-image: linear-gradient(to bottom right, rgb(41, 174, 165), rgb(3, 234, 167)); margin: 0px; position: absolute; width: 97%; height: 100%; overflow: hidden; li { position: absolute; // bottom 的设置是为了营造出...