van-popup 使用 teleport 属性报错

[yyqxjwxy]

[yyqxjwxy]

[inottn]

Note the target element must exist before the component is mounted - i.e. the target cannot be rendered by the component itself, and ideally should be outside of the entire Vue component tree.

这个是 vue 的报错，可以按照这个提示内容修改代码。

[yyqxjwxy]

我的代码没什么问题吧，

这样写也不行

[yyqxjwxy]

teleport 只能指定在 body,#app这样的元素上，我当前页面任何一个 div都不行

[inottn]

top 前没加 #

[yyqxjwxy]

[inottn]

这个应该可以吧

[yyqxjwxy]

不可以还是报上面的错，您可以试试

[inottn]

试了下确实不行。不用 van-popup 组件试了下，也会报错。应该是 van-popup 组件挂载时，teleport 指向的元素还不存在。可以考虑在父组件 mounted 后再挂载 van-popup 组件。

[yyqxjwxy]

我这就是个vue单页面没有父组件上图这两个是平级的

[inottn]

你的单页面是父组件，van-popup 是子组件。

[inottn]

参考这个 https://codesandbox.io/p/devbox/teleport-qwccx6

[yyqxjwxy]

您好其实我是想实现pop up 弹出层在剪头指向的位置
所以想使用 teleport 属性，按照您的提示在 onMounted 展示 van-popup 组件确实不报错了，但是还是无法实现我上图的效果，是 position="top"和 teleport="#top"不能一起使用吗，目前还是从 body的顶部弹出我想在剪头指向的地方弹出 position='top'的效果