Vue
为什么有时候在vue3里面打印document.getElementById("input")有时候得到的是vnode节点而有时候是dom #9844
Replies: 1 comment 11 replies
-
|
This is HTMLElement, just vue puts vnode into one of its properties to save it. |
Beta Was this translation helpful? Give feedback.
-
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
</head>
<body>
<div id="app">
</div>
</body>
<script>
console.log(document.getElementById('app'))
</script>
</html>用cdn模式就很容易复现, 一但引入vuejs，这个打印就显示成结构 从源码中可以找到
希望可以帮助到你继续排查哈 |
Beta Was this translation helpful? Give feedback.
-
12.18.mp4 |
Beta Was this translation helpful? Give feedback.
-
|
是吧，你可以试下关闭掉控制台在打开，你会发现他变成正常的dom了，而不是结构了。然后也可以试试去掉vuejs的引入 |
Beta Was this translation helpful? Give feedback.
-
|
是的，按您说的修改引用资源或者去掉vuejs的引入后确实变成正常的dom结构了。而引入vuejs后（不修改资源）确实打印出js对象结构 |
Beta Was this translation helpful? Give feedback.
-
|
但是很奇怪的是，只是引用了并没有创建vue实例，也会打印出结构。如果有实例化还能怀疑是在clone dom的时候打印 |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
Beta Was this translation helpful? Give feedback.
All reactions