Comment obtenir des éléments dom en vue

Méthode de Vue pour obtenir les éléments dom : 1. Ajoutez id à l'élément dom correspondant et utilisez l'instruction "document.getElementById("id")" pour obtenir l'élément ; 2. Ajoutez "ref="name"" à l'élément dom correspondant ; Élément dom, utilisez "this.$refs.name" pour obtenir l'élément.

L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.9.6, ordinateur DELL G3.

vue récupère et manipule les éléments DOM

Méthode 1 :

Ajoutez id directement à l'élément correspondant, puis document.getElementById("id")Obtenir, puis définir les attributs ou styles correspondants<code>id，然后再document.getElementById("id")获取，然后设置相应属性或样式

方法二：

使用ref，给相应的元素加ref="name"， 然后再this.$refs.name

Méthode 2 :

Utilisez ref et ajoutez ref= au correspondant élément "name", puis this.$refs.name pour obtenir l'élément

Remarque : Avant d'obtenir l'élément correspondant, il faut le faire dans le crochet de montage Mount, sinon la valeur obtenue est vide,

　 Si vous ajoutez un identifiant à un sous-composant et modifiez l'attribut personnalisé, le p externe correspondant au sous-composant modifié sera chargé directement, et le self original du sous-composant sera ne doit pas être modifié. Définissez la valeur de l'attribut.

　 Si vous ajoutez ref à un sous-composant, puis modifiez la valeur de l'attribut personnalisé correspondant après avoir obtenu l'élément DOM, vue signalera une erreur :

🎜🎜🎜🎜🎜🎜🎜 🎜Recommandations associées : " 🎜Tutoriel vue.js🎜》🎜

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!