resetFields 이후에 elementUi form이 재입력이 되지 않는 문제에 대한 해결책

resetFields 이후에 elementUi form이 재입력이 되지 않는 문제에 대한 해결책

1. 먼저 문서를 보자

*' 전체 양식 재설정, 모든 필드 값을 초기 값으로 재설정하고 검증 결과 제거 '

2. 코드 수정

HTML

<el-form label-width="100px" ref="addFormRef" :rules="rules" :model="addForm">
  <el-row>
    <el-form-item label="名称" prop="name">
      <el-input v-model="addForm.name" placeholder="请输入名称"></el-input>
    </el-form-item>
  </el-row>
  <el-row>
    <el-form-item label="数量" prop="num">
      <el-input v-model="addForm.num" placeholder="请输入数量"></el-input>
    </el-form-item>
  </el-row>
</el-form>

js

const addFormRef = ref(null);
addForm: {
    
    },
//清空
async set() {
    
    
  await nextTick();
  addFormRef.value.resetFields();
},

이것은 실제로 데이터를 지울 수 있지만 문제는 지우기 후에 입력할 수 없다는 것입니다.

3. 솔루션

js

const addFormRef = ref(null);
addForm: {
    
    
	name:'',
	num:''
}, //我们需要给他定义初始值 不能偷懒