ElementUI-<el-input>コンポーネントはEnterキー(イベント)をリッスンします

序文

この要件は検索ボックスで一般的です。ユーザーはボタンをクリックするか、ボックスに直接Enterキーを入力して、検索をトリガーできます。

ElementUIドキュメントには、キャリッジリターンイベントのリッスンについては記載されていないようですが、
ただし、ネイティブに実装できます。

解決

XXXはトリガーしたい関数です。

@keyup.enter.native="XXX()"

使用例

次の例では、検索ボックスとボタンを使用しています。

<!-- 触发函数一致即可 -->
<el-input @keyup.enter.native="search()">
    <el-button @click="search()">
    搜索
    </el-button>
</el-input>

おすすめ

転載: blog.csdn.net/weixin_44198965/article/details/123657253