antd-vue使用tooltip导致页面的输入框卡顿是何原因

Question

问题描述

antd-vue使用tooltip导致页面的输入框卡顿

问题出现的环境背景及自己尝试过哪些方法

定位问题：删掉a-tooltip，输入框可以流畅的输入
尝试的方法:使用:title,又自己封装了一个tootip组件，均不会导致输入框卡顿

相关代码

列表代码

                   <div
                        class="bottom_channel"
                        v-for="item in otherList"
                        :key="item.id"
                    >
                        <a-tooltip
                            :title="item.alias"
                            :destroyTooltipOnHide="true"
                        >
                            <div
                                @click="selectOther(item)"
                                :class="[item.clickStatus? 'selectChannel':'defaultChannel']"
                                :title="item.alias"
                            >
                                {{item.alias}}
                            </div>
                        </a-tooltip>
                    </div>

输入框代码

                <a-input
                    v-model="channelName"
                    @keyup.enter="searchChannel(0)"
                >
                    <img
                        src="../assets/images/搜索-icon@2x.png"
                        alt=""
                        slot="suffix"
                        @click="searchChannel(0)"
                    >
                </a-input>

你期待的结果是什么？实际看到的错误信息又是什么？

期待的结果是输入框可以流畅的输入，比如按着s键，输入框是持续性的输出s,而不是卡顿三四秒之后出现一堆S