feat(connections): add throttle to the send message button

emqx · Dec 12, 2024 · 0467742 · 0467742
1 parent 73177cd
commit 0467742
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/views/connections/ConnectionsDetail.vue b/src/views/connections/ConnectionsDetail.vue
@@ -304,7 +304,7 @@
           :clientConnected="client.connected"
           :sendTimeId="sendTimeId"
           @foucs="handleMessages"
-          @handleSend="sendMessage"
+          @handleSend="throttleSendMessage"
           @handleSendTimedMessage="handleCommand('timedMessage')"
           @onInsertedCode="handleInsertedCode"
         />
@@ -1550,6 +1550,8 @@ export default class ConnectionsDetail extends Vue {
     afterCallback?.()
   }
 
+  private throttleSendMessage = _.throttle(this.sendMessage, 500, { leading: true, trailing: false })
+
   /**
    * Notifies the user about the successful setup of a timed message.
    */