Element: [Feature Request] Tooltips是否可以将消失行为设置为立即消失??

Created on 12 Apr 2017  ·  16Comments  ·  Source: ElemeFE/element

Existing Component

Component Name

Tooltip

Description

默认设置下tooltip消失时会淡出,是否可以做到立即消失,怎么做?

Most helpful comment

还会针对这个去做调整么?确实debounce用了200ms,造成的视觉上的体验真的有点难受,不过还有一种偏方可以处理,手动去除
// html
<div class="emoji" @mouseleave="removeAllTooltip"></div>

// javascript
removeAllTooltip() { document.querySelectorAll(.el-tooltip__popper).forEach((el) => el.remove()) }

All 16 comments

已经提供了 transition 属性,你绑一个不存在的动画名就可以。

你这样也只是把动画去掉了啊,那你这样200毫秒的延迟呢??
就不能让用户自己设置吗?
beforeCreate() {
if (this.$isServer) return;

this.popperVM = new Vue({
  data: { node: '' },
  render(h) {
    return this.node;
  }
}).$mount();

this.debounceClose = debounce(200, () => this.handleClosePopper());

}

同样有这样的需求,在表格列表里,tooltip延迟消失很难受,经常遮住别的单元格。

+1

同样有这个问题,希望能提供属性取消延迟

+1

+1

真是操蛋,这个问题还一直存在,这么基本的需求给用户暴露一个参数设置是最基本的操作啊

....

还会针对这个去做调整么?确实debounce用了200ms,造成的视觉上的体验真的有点难受,不过还有一种偏方可以处理,手动去除
// html
<div class="emoji" @mouseleave="removeAllTooltip"></div>

// javascript
removeAllTooltip() { document.querySelectorAll(.el-tooltip__popper).forEach((el) => el.remove()) }

delay to prepare reuse

还会针对这个去做调整么?确实debounce用了200ms,造成的视觉上的体验真的有点难受,不过还有一种偏方可以处理,手动去除
// html
<div class="emoji" @mouseleave="removeAllTooltip"></div>

// javascript
removeAllTooltip() { document.querySelectorAll(.el-tooltip__popper).forEach((el) => el.remove()) }

好方法,目前只能这样去处理了。不过好像选择器里面少了个引号。

```vue

````

可以这样手动触发,tooltip: {} 定义一个空对象,模板里多个 tooltip 组件可以用 tooltip.XXX 区分。用的地方多可以在封装一层。

这个200毫秒确实比较难受,期望可以提供可配置的参数吧
提供一个我的解决办法直接重置或者重写一些debounceClose方法
this.$refs.mobileTooltip.debounceClose = this.$refs.mobileTooltip.handleClosePopper;

Was this page helpful?
0 / 5 - 0 ratings