是
Tooltip
默认设置下tooltip消失时会淡出,是否可以做到立即消失,怎么做?
已经提供了 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
:enterable="false"
:effect="'dark'"
:manual="true"
:placement="'right'"
:transition="''"
:content="'XXXX'"
@mouseenter.native="tooltip.a = true"
@mouseleave.native="tooltip.a = false"
>
````
可以这样手动触发,tooltip: {}
定义一个空对象,模板里多个 tooltip 组件可以用 tooltip.XXX
区分。用的地方多可以在封装一层。
这个200毫秒确实比较难受,期望可以提供可配置的参数吧
提供一个我的解决办法直接重置或者重写一些debounceClose方法
this.$refs.mobileTooltip.debounceClose = this.$refs.mobileTooltip.handleClosePopper;
Most helpful comment
还会针对这个去做调整么?确实debounce用了200ms,造成的视觉上的体验真的有点难受,不过还有一种偏方可以处理,手动去除
// html
<div class="emoji" @mouseleave="removeAllTooltip"></div>
// javascript
removeAllTooltip() { document.querySelectorAll(
.el-tooltip__popper).forEach((el) => el.remove()) }