el-tooltip如何设置不在body中？

Question

el-tooltip如何设置不在body中？

爱吃花椒de喵

818

发布于
2023-09-14 广东

想让他在子元素下，根据子元素定位，不在body下

前端 element-ui tooltip

阅读 3.8k

AI BotBETA

要将el-tooltip设置为不在body中，而是在子元素下，可以使用以下步骤：

首先，将el-tooltip包裹在一个新的父元素中，在这个示例中，我们可以将父元素命名为"tooltip-wrapper"。
在父元素中，添加子元素并将el-tooltip放置在子元素中，以便el-tooltip根据子元素来定位。
对于子元素，可以使用任何适合您的布局需求的HTML元素。
最后，将父元素"tooltip-wrapper"添加到您要显示el-tooltip的位置。

以下是将el-tooltip设置为不在body中的示例代码：

<div id="tooltip-wrapper">
  <div>Hover over me</div>
  <el-tooltip content="This is a tooltip" placement="top">
    <span>Tooltip</span>
  </el-tooltip>
</div>

这样，el-tooltip将被放置在子元素中，并根据子元素来定位，而不是直接在body中显示。

1 个回答

得票最新

玛拉_以琳

8.7k41542

发布于
2023-09-15 上海

更新于
2023-09-18

✓ 已被采纳

用popper-options

文档链接:

https://popper.js.org/docs/v1/#modifiers..preventOverflow.bou...

Boundaries used by the modifier. Can be scrollParent, window, viewport or any DOM element.
翻译过来是:
修饰符使用的边界。可以是scrollParent, window, viewport或任何DOM元素。

https://juejin.cn/post/7044449121595293733

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

el-tooltip如何设置不在body中？

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

为什么会出现CORS error？