vue拦截 “ textarea ” 默认的enter(换行)事件
进行对话界面开发的时候, 经常遇到的需求就是点击enter发送数据,所以需要更改textarea的默认事件注意keydown<textareaname="user_input"ref="user_input"class="user_input"v-model.trim="user_input"colsrows@keydown="messageSendlisten"></texta
·
进行对话界面开发的时候, 经常遇到的需求就是点击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;
}
},
更多推荐
已为社区贡献20条内容
所有评论(0)