javascript - vue js中访问DOM好不好？

Question

我想知道在 Vue js 应用程序中访问 DOM 可以吗？例如，如果我想将元素 (div) 附加到 body 标记，是否建议document.getElementById在 Vue js 方法中使用？

我没有可用于根据数据制作或删除元素的数据。我真的只是想知道document在Vue js中使用访问DOM是否常见？

像这样的东西：

methods:{
 appendToBody(){
   let node = document.createElement("div");
   document.getElementById("#body").appendChild(node);
 }
}

标签： javascriptdomvue.js

Answer 1

这也取决于您所指的 DOM 的哪一部分。

如果你想改变 Vue 处理的子树，你不应该这样做。您应该依赖响应式属性、条件渲染、组件。如果您需要访问作为当前组件子级的 DOM 元素，您可以使用refs。

如果您需要更改 Vue 领域之外的 DOM 的一部分，那么一定要这样做。

在您的情况下，您不清楚您想要实现什么，并且很难给出明确的答案。