In Vue gibt es folgende Methoden zum Abrufen von DOM-Elementen: 1. Verwenden Sie $refs, um auf Elemente mit ref-Attributen zuzugreifen. 2. Verwenden Sie den Modifikator # in der Vorlage, um Elemente direkt an $refs zu binden 4. Verwenden Sie das Bedienfeld „Komponenten“ von Vue Devtools.
Methoden zum Abrufen von DOM-Elementen in Vue
In Vue können Sie DOM-Elemente über die folgenden Methoden abrufen:
1. $refs
$refs
An Attribut ist ein Objekt, das Verweise auf alle Elemente in der Vorlage enthält, die über das Attribut ref
verfügen. Verwenden Sie $refs
, um direkt auf DOM-Elemente zuzugreifen, wie unten gezeigt: $refs
属性是一个对象,它包含了模板中所有带有 ref
属性的元素的引用。使用 $refs
可以直接访问 DOM 元素,如下所示:
1 2 3 4 5 6 7 8 9 10 11 |
|
2. 模板中使用 #
修饰符**
#
修饰符可以将模板中的元素直接绑定到组件实例的 $refs
对象中,如下所示:
1 2 3 4 5 6 7 8 9 10 11 |
|
3. 访问子组件的根 DOM 元素
可以使用 $children
访问子组件,然后可以通过 $el
1 2 3 4 5 6 7 8 9 10 11 |
|
2. Verwenden Sie #
# in der Vorlage Der Modifikator
kann Elemente in der Vorlage direkt an das Objekt $refs
der Komponenteninstanz binden, wie unten gezeigt: $children
verwenden, um auf die untergeordnete Komponente zuzugreifen, und dann können Sie das Root-DOM-Element der untergeordneten Komponente über das Attribut $el
abrufen, wie unten gezeigt: Das obige ist der detaillierte Inhalt vonSo erhalten Sie Dom-Elemente in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!