element ui解决tooltip延迟显示问题
tooltip默认open-delay是0,导致鼠标快速滑动的时候,会触发N个tooltip,如下图:如何让它延迟显示呢,虽然element ui给了属性open-delay,但是我们总不能每写一个tooltip都加一次,这样很麻烦。有没有全局控制它的方法?有。我们引入element ui往往是这么引的:import ElementUI from 'element-ui';Vue.use(Elem
·
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秒显示。
更多推荐
已为社区贡献3条内容
所有评论(0)