<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+ */
}
}