vue inputが初めてページに入ったときにリターンキーを使うとページがリフレッシュされます

1026 ワード

一度の使用で発生した問題を記す
vueプロジェクトで初めてプロジェクトを開き、入力ボックスに文字を入力してリターンキーを押して検索すると、検索は行われず、ページがリフレッシュされます.
その後、ページに1つのinputしかない場合にのみこの問題が発生することが分かった.formフォームに1つのinputがある場合、車に戻ると自動的にページのコミット機能がトリガーされるため、ページをリフレッシュする行為が発生することが分かった.
解決策@submit.native.preventをフォームに追加
<el-form :inline="true" :model="searchValue" @submit.native.prevent></el-form>

@submit:フォームコミット.nativeバインドシステムオリジナルイベント.preventコミット後ページをリフレッシュしない
以上が解決策です