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;
   }
 },

你可能感兴趣的:(Vue学习记录,vue,html5)