vue+element(input_textarea)模拟即时通讯回车发送ctrl回车换行的功能

2,035 阅读1分钟
<!--页面结构-->
<el-input
:border="false"
@keydown.native="keydownfn"
type="textarea"
:rows="3"
placeholder="请输入内容"
v-model="message">
</el-input>
<!--方法名-->
methods: {
    keydownfn (e) {
      let oEvent = e || event
      if (oEvent.ctrlKey && oEvent.keyCode === 13) {
        this.message = this.message + '\n'
        console.log('换行')
      }
      if (oEvent.ctrlKey === false && oEvent.keyCode === 13) {
        console.log('发送')
      }
    }
}