vue项目中，当textarea获得焦点时，改变其高度？

Question

<div class="text-box">

<textarea class="comment" autocomplete="off">评论…</textarea>
<button class="btn">回 复</button>
<span class="word"><span class="length">0</span>/140</span>

</div>

当textarea获得焦点时，改变其高度？并控制btn和word的显示隐藏

Answer 1

<textarea @focus="textareaFocus" @blur="textareaBlur" :style="{ height: height }"></textarea>

在textareaFoucs和textareaBlur中修改height值即可控制高度，同时可以修改控制button显示和隐藏的变量。