Skip to content
On this page

Devtools

在使用 defineOverlay 时会创建一个 Vue 子应用,这个应用区别与主应用,可在 Vue devtools 中查看与调试组件。

你也可以使用 useInjectHolder 在组件内部创建弹出层,并继承应用的当前上下文。

html


devtools

生成根元素的 ID 与应用名称使用同一 ID,在创建组件时,会自动对 ID 进行 PascalCase 处理。

可以通过渲染选项,更改生成 ID 名称。

ts
const callback = defineOverlay(OverlayComponent)
callback({}, {
  id: 'custom-overlay',
  // 关闭 ID 后续自增长
  autoIncrement: false
})

html


devtools

MIT Licensed