tooltip默认open-delay是0,导致鼠标快速滑动的时候,会触发N个tooltip,如下图:
在这里插入图片描述
如何让它延迟显示呢,虽然element ui给了属性open-delay,但是我们总不能每写一个tooltip都加一次,这样很麻烦。
有没有全局控制它的方法?
有。

我们引入element ui往往是这么引的:

import ElementUI from 'element-ui';
Vue.use(ElementUI);

让我们来打印一下,ElementUI是啥?
在这里插入图片描述
熟悉不?element ui所有的组件实例都在这儿了。
这时候我们找到tooltip
在这里插入图片描述
找到props里的openDelay,直接在main.js里修改就行了,比如:
ElementUI.Tooltip.props.openDelay.default = 1000
一行代码,全局有效,这时候你在任何页面用tooltip,都会默认延迟1秒显示。

Logo

前往低代码交流专区

更多推荐