ResetFields後にelementUiフォームに再入力できない問題の解決方法
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:''
}, //我们需要给他定义初始值 不能偷懒