Javascript 如何在Vue.js中访问DOM

我正在尝试使用Vue.js访问DOM。我正在mounted（）生命周期内编写代码，但是没有得到任何结果

使用香草JavaScript，代码工作得非常好

我正在使用v-html指令在span标记中插入html

    <span class="email" v-html="text"></span>

---

如何在Vue.js中访问DOM？

您需要知道，在Vue.js或react中看到的HTML标记并不是真正的HTML标记。它被解析为纯javascript对象，一个虚拟DOM

您需要等待vuejs呈现其虚拟DOM。您可以使用

这个。$nextTick（）

---

你喜欢这个工作吗？：）

---

我已经在其他类似的问题中看到了这个答案，然而，出于某种原因，这个箭头函数从未启动过。

  mounted() {
    let images = document.getElementsByClassName(
      "mcnImageCardBottomImageContent"
    );
    console.log(images);
    // It is returning an empty array
 
  },

mounted() {
   this.$nextTick(() => {
      let images = document.getElementsByClassName(
        "mcnImageCardBottomImageContent"
      );
      console.log(images);
        // It is returning an empty array
      })
}

  mounted() {
    document.onreadystatechange = () => {
      if (document.readyState === "complete") {
        console.log("Page loaded");
        // Do stuff here
      }
    };
  }