Maison> interface Web> Voir.js> le corps du texte

Comment obtenir des éléments dom en vue

下次还敢
Libérer: 2024-04-30 04:09:15
original
498 Les gens l'ont consulté

Dans Vue, il existe trois façons d'obtenir des éléments DOM : 1. Utilisez l'attribut ref pour spécifier une variable de référence pour l'élément et y accéder via this.$refs; 2. Utilisez directement l'élément racine du composant this.$ el; 3. Utilisez la méthode querySelector Query sur l'élément lié.

Comment obtenir des éléments dom en vue

Obtenir des éléments DOM dans Vue

Dans les applications Vue, vous pouvez obtenir des éléments DOM via les méthodes suivantes :

1. Attribut ref

  • Ajouterref et spécifiez un nom de variable de référence. ref属性,并指定一个引用变量名。
  • 在 Vue 实例中,可以使用this.$refs对象访问带有ref属性的元素。
 
Copier après la connexion

2. $el 属性

  • $el属性指向当前组件的根元素。
 
Copier après la connexion

3. querySelector

  • 使用 Vue 实例绑定的元素上调用querySelector
  • Dans une instance Vue, vous pouvez utiliser l'objet this.$refspour accéder aux éléments avec l'attribut ref.
 
Copier après la connexion
2. L'attribut $el $elpointe vers l'élément racine du composant actuel. rrreee3. querySelectorAppelez la méthode querySelectorsur l'élément lié à l'instance Vue. rrreee

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
vue
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn