1.监听alt+enter,enter事件

@keyup.enter.native="handelSave($event,1)" 

可以在handelSave中通过

  • e.keyCode === 13 代表当前是回车事件。
  • e.altKey === true 判断是否有alt按键。
  • e.ctrlKey === true 判断是否有ctrl按键

当前业务需求 

  1. 输入框点击enter 输入框失去焦点,输入框消失,保存输入框数据。
  2. 输入框点击alt+enter 换行,输入框不失去焦点。

handelSave(e,type){

if(e.altKey && e.keyCode===13){

// 如果是alt+enter 就给文本+换行

this.content += '\n'

}else{

// 如果是enter 就给文本去掉换行

 this.defaultContent = this.content.replace(/(^[\s\n\t]+|[\s\n\t]+$)/g, "");

}

}

后续更新中... 

Logo

前往低代码交流专区

更多推荐