上网搜查了很多方法，每一个都试了一遍之后发现没有起作用，原因可能是由于textarea的高度是一个不可控的情况，有了滚动条或边框后会引起浏览器计算错误（主要在chrome），通过修改样式后解决了。
.el-textarea {
border-radius: 4px;
border: 1px solid #DCDFE6;
overflow: hidden;
}
.el-textarea__inner {
min-height: 110px;
border-radius: 0;
border: none;
}
将原本textarea上面的边框样式改到了它的父级，这样既有原来的样式效果，也可以避免textarea中间文字显示模糊的问题。
