element ui解决tooltip延迟显示问题

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秒显示。