## css部分 ``` //自适应textarea高度 .expandingArea{ position:relative; textarea{ position:absolute; top:0; left:0; height:100%; } pre{ display:block; visibility:hidden; font-size: 16px; letter-spacing: .5px; padding: 8px 16px 8px 52px; line-height: 20px; word-break: break-all; white-space: normal; font-style: normal; font-family: -apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif; text-align: left; margin: 0; min-height: 36px; } } ``` ## vue部分 ``` <div class="expandingArea "> <pre><span>{{x.answer}}</span><br></pre> <textarea type="text" v-model="x.answer" placeholder="输入答案" rows="1"></textarea> </div> ```