textarea @focus 大概有0.5s延迟

这是我的一个底部输入框的样式，预想的效果是在激活后弹出软键盘，输入框跟着被挤上来。
但是每次点击后软件盘瞬间弹出，这个输入框要等大概0.5秒后才会到达预定的高度
看了下是@focus触发本身就比软键盘弹出慢，这是为什么？

<view>  
    <view :class="focus ? 'shade' : ''" @click="focus = false"></view>  
    <view class="cu-bar input custom-input-bar solid-top" :style="{ bottom: `${keyboardHeight}px` }">  
        <view class="textarea-container">  
            <textarea  
                v-model.trim="input"  
                auto-height  
                fixed  
                :show-confirm-bar="false"  
                :adjust-position="false"  
                :placeholder="placeholder"  
                maxlength="300"  
                :focus="focus"  
                @focus="onFocus"  
                @blur="onBlur" />  
        </view>  
        <button class="cu-btn bg-green shadow-blur" @click="onSubmit" :disabled="isLoading">发送</button>  
    </view>   
</view>

onFocus(e) { this.keyboardHeight = e.detail.height },