vue攔截 “ textarea ” 默認的enter(換行)事件

進行對話界面開發的時候, 經常遇到的需求就是點擊enter發送數據,所以需要更改textarea的默認事件

注意keydown

<textarea
   name="user_input"
   ref="user_input"
   class="user_input"
   v-model.trim="user_input"
   cols
   rows
   @keydown="messageSendlisten"
 ></textarea>
 //  todo按下快捷鍵
messageSendlisten(event) {
   if (event.keyCode === 13) {
     this.messageSend(); // 發送文本
     event.preventDefault(); // 阻止瀏覽器默認換行操作
     return false;
   }
 },
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章