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 :

<input type="text" name="xxx" id="xxx" v-el:sxx />
            <button @click="ok()">确定</button>

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

<input type="text" name="xxx" id="xxx" ref=&#39;sxx&#39; />
<button @click="ok()">确定</button>

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!