element-uiでフォームリセットが反映されない原因と解決策

resetFields メソッドは、フォームをその初期値にリセットします。つまり、フォーム内のデータを、空のオブジェクトではなく、dom ノードがレンダリングされたときの値にリセットします。

つまり、dom ノードがレンダリングされる前にフォーム データが割り当てられると、その初期値は空になりません。

また、Vue のオブジェクトを別のオブジェクトに直接割り当てることはできません。

解決策: フォーム オブジェクトに値を割り当てるには、dom ノードのレンダリングが完了した後に $nextTick メソッドを使用する必要があります。

割り当てられたデータはエスケープされます

$nextTick: vuedom ノードの更新を同期に変更します

//this.form:是表单对象
//data:是值
 this.$nextTick(()=>{
     this.form = JSON.perse(JSON.stringify(data))
  })

ResetFields を使用する場合の注意事項: prop 属性を設定します。この属性が設定されていない場合、属性値はモデル値と同じである必要があります。

リセットフィールドは効果がありません

おすすめ

転載: blog.csdn.net/weixin_65565362/article/details/125533936