Le lien B de Bootstrap-vue ne peut pas afficher le contenu textContent ou innerHTML

Question

Je ne parviens pas à obtenir le contenu du texte de Blink et à le modifier. Si j'essaie la même chose avec une balise ou une balise div, cela fonctionne bien. Afficher pluschangeText(index

P粉596191963 · Answer

La différence entre

和 est que le premier est un véritable balisage HTML natif, tandis que le second est un composant qui offre un certain niveau d'abstraction. Pour en savoir plus, je vous recommande de lire sur les Web Components natifs et leurs équivalents Vue.

Pour changer 的内容 il faut utiliser la réactivité de Vue :

let buttonText = 'View More';

{{ buttonText }}

changeText(index) {
 console.log(viewMore); // undefined
 viewMore = 'View Less';
}

P粉579008412 · Answer

J'ai découvert comment faire cela à partir des cas de test de vue js Habituellement, cela fonctionne

console.log(this.$refs[index][0].textContent);

Mais puisque bootstrap-vue renverra le composant vue pour accéder à ses éléments, nous devons utiliser $el pour accéder à ses propriétés.

console.log(this.$refs[index][0].$el.textContent);