Ich habe einige Elemente mit v-for gerendert Jedes Element enthält Text und Schaltflächen Ich muss die Schaltfläche nur anzeigen, wenn der Text die Höhe des Div überschreitet

 {{ el.text }} Click me 

Die offensichtliche Lösung ist die Verwendung von v-if, aber auf welcher Grundlage sollte ich dies basieren? Ich muss die Höhe des Textes berechnen und entscheiden, ob die Schaltfläche angezeigt werden soll oder nicht Daher muss ich Refs verwenden, um auf die Divs zu verweisen, und eine Funktion, um zu bestimmen, ob Folgendes angezeigt werden soll:

Aber ich habe festgestellt, dass das Problemitemsnicht mit dem DOM synchronisiert ist. Das DOM wird also offensichtlich asynchron aktualisiert und deshalb sind meine Daten etwas spät Also habe ich beschlossen,nextTick()in meine showButton-Funktion einzufügen, aber es begann Promise zurückzugeben, was dazu führte, dass das V-If immer wahr war

Gibt es also eine Möglichkeit, meine Schaltflächen speziell für jedes Element anzuzeigen oder auszublenden?