我有一個小文本容器。我想要做的是如果文本長度很大，折疊 div，然后有一個顯示“...顯示更多”的按鈕，一旦按下就會展開 div。再次按下折疊 div。這很好并且有效。我現在有一個問題。div 最初設置為 collapse=true。顯示“...顯示更多”按鈕。我要更改的是，如果文本內容不長，則不會折疊，不會顯示顯示更多按鈕。模板  <v-card v-show="showAccount" class="mb-4">          <v-card-title class="title-container align-start">      <div class="title-data" :class="{collapsed: isElementOverflown}" ref="title-data">        <h1 class="title mb-2"><router-link :to="{name: 'profile', params: {account: account.account}}">{{ account.account }}</router-link></h1>        <router-link v-if="isActiveUserAccount" :to="{name: 'account-image', params: {account: account.account}}">          <v-avatar color="#c35219" size="56" class="mr-4 mb-2">            <img v-if="accountMedia" :src="accountMedia" :alt="account.account" />            <span v-else class="white--text headline">{{ account.account[0].toUpperCase() }}</span>          </v-avatar>        </router-link>        <template v-else>          <v-avatar color="#c35219" size="56" class="mr-4 mb-2">            <img v-if="accountMedia" :src="accountMedia" :alt="account.account" />            <span v-else class="white--text headline">{{ account.account[0].toUpperCase() }}</span>          </v-avatar>        </template>        <div class="caption my-0" ref="bio">          <nl2br v-if="account.about" tag="p" :text="account.about"></nl2br>        </div>      </div>      <button v-if="showButton" type="button" style="font-size:small; margin: auto; margin-right: 5%" @click="toggleHeight">        {{showMoreTextLabel}}        </button>    </v-card-title>在mounted我收到一個 this.$refs[“title-data”]未定義但 This.$refs存在的錯誤，它顯示了正確的參考。我不確定為什么。感謝您的任何幫助！