Comment obtenir la valeur d'un certain élément dom dans vue.js

Comment vue.js obtient la valeur d'un certain élément dom : 1. Dans la version [vue.js1.0], vous pouvez obtenir l'élément dom via [v-el] 2. Dans [Vue ; .js2.0] ] utilise l'attribut ref pour identifier un élément.

L'environnement d'exploitation de ce tutoriel : système windows10, vue2.5.2, cet article est applicable à toutes les marques d'ordinateurs.

[Articles connexes recommandés :vue.js]

Méthode Vue.js pour obtenir la valeur d'un élément DOM :

1. version vue.js1.0

Vous pouvez obtenir l'élément dom via : v-el

Par exemple :

code html :

 确定

code js :

var vm = new Vue({ el: '#app', methods: { ok() { var xx = this.$els.sxx.value; console.log(xx); } } });

Résultat :

2, version Vue.js2.0

Vue.js 2.0 utilise ref pour remplacer v-el et v-ref, et utilise l'attribut ref pour identifier un élément. .

Lorsque nous l'avons écrit, il est devenu

 确定

C'est toujours le même lorsqu'il est appelé

var vm = new Vue({ el: '#app', methods: { ok() { var xx = this.$refs.sxx.value; console.log(xx); } } });

Recommandations d'apprentissage gratuites associées :JavaScript( Vidéo)

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!