So erhalten Sie den Inhalt eines Elements in Vue

Die Methoden zum Abrufen von Elementinhalten in Vue sind: textContent: Ruft den gesamten Textinhalt ab, einschließlich Zeilenumbrüchen und Textknoten. innerText: Ruft den visuellen Textinhalt ab, ohne Zeilenumbrüche und Textknoten. innerHTML: Ruft den gesamten Inhalt ab, einschließlich HTML-Code und Text.

Methoden zum Abrufen von Elementinhalten in Vue

In Vue gibt es mehrere Methoden zum Abrufen des Inhalts im Element:

.textContent

.textContent-Attribut ruft den gesamten Inhalt ab im Element Enthält Textinhalt, einschließlich Zeilenumbrüchen und Textknoten. Das Attribut .textContent 属性获取元素中所有包含的文本内容，包括换行符和文本节点。

<code><template>
  <div id="my-element">
    Hello, world!
    <br>
    This is some text.
  </div>
</template>

<script>
  export default {
    mounted() {
      const element = this.$refs.myElement;
      console.log(element.textContent); // 输出：Hello, world!
                                          // This is some text.
    }
  }
</script></code>

.innerText

.innerText 属性获取元素中可视的文本内容，不包含换行符和文本节点。

<code><template>
  <div id="my-element">
    Hello, world!
    <br>
    This is some text.
  </div>
</template>

<script>
  export default {
    mounted() {
      const element = this.$refs.myElement;
      console.log(element.innerText); // 输出：Hello, world! This is some text.
    }
  }
</script></code>

.innerHTML

.innerHTML

<code><template>
  <div id="my-element">
    Hello, world!
    <br>
    This is some text.
  </div>
</template>

<script>
  export default {
    mounted() {
      const element = this.$refs.myElement;
      console.log(element.innerHTML); // 输出：<div id="my-element">
                                          // Hello, world!<br>
                                          // This is some text.
                                          // </div>
    }
  }
</script></code>

.innerText🎜🎜.innerText ruft den sichtbaren Textinhalt im Element ab, mit Ausnahme von Zeilenumbrüchen und Textknoten. 🎜rrreee🎜.innerHTML🎜🎜Das Attribut .innerHTML ruft den gesamten Inhalt im Element ab, einschließlich HTML-Code und Text. 🎜rrreee

Das obige ist der detaillierte Inhalt vonSo erhalten Sie den Inhalt eines Elements in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!