So erhalten Sie den Wert eines bestimmten Dom-Elements in vue.js

So erhalten Sie den Wert eines bestimmten Dom-Elements in vue.js: 1. In der Version [vue.js1.0] können Sie das Dom-Element über [v-el] abrufen. js2.0]-Version verwenden Sie das ref-Attribut, um ein Element zu identifizieren.

Die Betriebsumgebung dieses Tutorials: Windows10-System, vue2.5.2, dieser Artikel gilt für alle Computermarken.

【Empfohlene verwandte Artikel: vue.js】

vue.js-Methode zum Abrufen des Werts eines bestimmten Dom-Elements:

1, vue.js1.0-Version

kann übergeben werden: v-el Um das Dom-Element zu erhalten

Zum Beispiel:

HTML-Code:

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

js-Code:

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

Ergebnis:

2, Vue.js2.0-Version.

Vue.js 2.0 verwendet ref, um es zu ersetzen. Verwenden Sie zusätzlich zu v-el und v-ref das ref-Attribut, um ein Element zu identifizieren. .

Wenn wir schreiben, wird daraus

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

Es ist immer noch dasselbe, wenn wir es nennen

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

Verwandte kostenlose Lernempfehlungen: JavaScript (Video)

Das obige ist der detaillierte Inhalt vonSo erhalten Sie den Wert eines bestimmten Dom-Elements in vue.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!