Element el-input textarea 回车发送不换行,ctrl+enter 实现换行

<el-input
    type="textarea"
    v-model="message"
    @keydown.native="handleKeyCode($event)"
    placeholder="请输入您想问的内容,按 Ctrl+Enter 换行"
>
</el-input>
 handleKeyCode(event) {
   if (event.keyCode == 13) {
      if (!event.ctrlKey) {
          event.preventDefault();
        } else {
          message += "\n";
        }
      }
 }

个人修改的样式  可以参考: 去掉边框  右下角图标  隐藏滚动条

.el-textarea {
        height: 100%;
        ::v-deep .el-textarea__inner {
          height: 100% !important;
          box-shadow: none;
          min-height: 30px;
          max-height: 100px;
          height: 30px;
          resize: none;
          border: none;
        }
        ::v-deep .el-textarea__inner {
          overflow: auto; /* 需要滚动条时允许滚动 */
          scrollbar-width: none; /* 对于Firefox */
        }
        ::v-deep .el-textarea__inner::-webkit-scrollbar {
          display: none;
        }
        ::v-deep .el-textarea__inner {
          -ms-overflow-style: none; /* IE 10+ */
        }
      }

  • 9
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值