VueJS：「一次」事件修飾符，檢查是否被點擊

Question

我有一個簡單的問題，到目前為止我還沒有回答。

在 VueJS 中，有 .once 事件修飾符，可以正常運作。問題是我在自動完成輸入元件上使用 @click.once 來查詢我的資料庫並填充其可用項目。

我想要實現的目標是提供某種附加圖標，以便在單擊輸入一次後調用查詢。

原因是：

• 我想防止用戶垃圾點擊輸入並進行大量查詢
• 我希望他能夠使用「刷新圖示」刷新數據，只有在我的輸入被單擊一次（@click.once 觸發）時才會顯示該圖示。

有辦法取得此資訊嗎？

提前致謝！

Answer 1

我認為您應該建立一個設定為 false 的狀態（資料），當您單擊按鈕時它會變更為 false。 然後有條件地顯示帶有設定值的刷新圖示。按一下刷新將值重設為 false。