我正在嘗試為雙擊時可以編輯的標題創建一個組件。組件將應該使用的 h-tag 和 title 作為 props，并且應該生成一個普通的 h-tag，一旦雙擊它就會變成一個輸入字段。如果頁面上只有一個標題，這已經有效，但是一旦在一頁上使用了多個組件，它就會中斷，因為組件的范圍不正確。但我不知道怎么做。這是代碼：<template>  <div class="edit-on-click">    <input      :class="sizeClass"      type="text"      v-if="edit"      v-model="editedTitle"      @blur="finishEdit"      @keyup.enter="finishEdit"      v-focus="true"    />    <span v-show="!edit" @dblclick.prevent="edit = true"></span>  </div></template>安裝的鉤子我不知道如何確定范圍：  mounted() {    let node = document.createElement(this.size); // Takes h-tag (h1, h2 etc.)    let titleText = document.createTextNode(this.finalTitle); // Takes title    node.appendChild(titleText);    node.classList.add("editable-title");    // This breaks the code once there are multiple components in the document    document.getElementsByTagName("span")[0].appendChild(node);  },如何以有效的方式確定范圍？非常感謝您！