VUE enterのリターンによるページリフレッシュの解決

2406 ワード

ページングではページ番号を入力してジャンプする必要がありますが、指定したページにジャンプするとページもリフレッシュされます.リフレッシュされていないページングを満たすことができません.最初のコードは次のとおりです.

<form class="zh-skip" action="">
    <input type="number" v-model="pageNumber" oninput="if(value<1)value=1" @keyup="goPageKeyUp($event)">
    <button class="zh-btn-blue" type="button" @click="goPage()">  </button>
</form>

ネット上で資料を探した後、ページのリフレッシュの原因は:外層にformフォームがあり、車に戻ってformフォームの提出を招いたことを知った.
解決方法:
(1)外のformフォームを除去する(2)formフォームにinputテキストボックスを1つ、フォームの下にテキストボックスが1つしかない場合、リターンを押すとフォームのコミットイベントがトリガーされる(3)inputにイベントをブロックする

    <input onkeypress="if (event.keyCode == 13) showResult();"/>

ログイン認証コードカウントダウン最適化ページリアルタイムカウントダウンのリフレッシュ

Lintcode C++コード