Naive UI 的 Popover 气泡怎么设置默认展开?

设计师诗语 阅读 3

我在用 Naive UI 的 n-popover 组件,想让气泡在页面加载时就默认显示出来,而不是等用户 hover 或点击才出现。试了设置 show 属性为 true,但好像没生效,是不是还要配合其他属性?

这是我的代码:

<n-popover show>
  <template #trigger>
    <n-button>点我</n-button>
  </template>
  默认显示的内容
</n-popover>
我来解答 赞 3 收藏
二维码
手机扫码查看
1 条解答
诸葛传志
这个我之前也踩过坑,Naive UI的Popover组件确实有点小坑。show属性确实控制显示,但你需要配合trigger="manual"使用,不然hover/click行为会覆盖show属性。

改成这样就行了:


默认显示的内容


原因就是trigger="manual"会禁用默认的交互行为,这样show属性才能真正接管控制权。记得两个属性要一起设置才有效,只设show是不行的。
点赞
2026-03-05 08:01