问题描述
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