我有两个工具提示,一个在外部元素上,另一个在内部元素上,如下所示:
显示内部工具提示时如何删除外部工具提示?
代码非常标准,但请记住,有时v-tooltip会像模态一样放置工具提示 - 在正文级别,因此工具提示实际上可能没有嵌套。
<div id="app">
<div v-tooltip="'Outer Tooltip'">
Outer Area
<div v-tooltip="'Inner Tooltip'">
okokok
</div>
</div>
</div>
这是我尝试过的:
在外部工具提示上,我放了一个这样的类:
v=tooltip="{content:'Outer Tooltip', classes:['killOnOtherOpen']}"
然后在内部工具提示上:
v=tooltip="getTextAndDoStuff()"
...
getTextAndDoStuff(){
$('.killOnOtherOpen').close();
return "Inner Tooltip";
}
但我得到一个错误:
渲染错误:“TypeError:$(...).close 不是函数”
我试过这样:.close;
- 就像 close 不是一个函数 - 但什么也没发生,甚至没有错误。
我正在寻找一种更优雅或更标准的方法来做到这一点。为每个嵌套的工具提示集添加一个类和一个方法需要一段时间。