Heim > Artikel > Web-Frontend > So erhalten Sie den Wert in select in vue.js (ausführliches Tutorial)
So erhalten Sie den Wert in select in vue.js (ausführliches Tutorial)
- 亚连Original
- 2018-06-02 10:17:318167Durchsuche
Jetzt werde ich einen Artikel über vue.js teilen, um die Wertinstanz in select zu erhalten. Es hat einen guten Referenzwert und ich hoffe, dass es für alle hilfreich sein wird.
Wie unten gezeigt:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="./vue.js"></script>
</head>
<body>
<label id="app">
<select v-model="selected" >
<option v-for="option in options" v-bind:value="option.value">
{{ option.text }}
</option>
</select>
<span>Selected: {{ selected }}</span>
</label>
<script>
new Vue({
el: '#app',
data: {
selected: 'A',
options: [
{ text: 'One', value: 'A' },
{ text: 'Two', value: 'B' },
{ text: 'Three', value: 'C' }
]
}
})
</script>
</body>
</html>Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.
Verwandte Artikel:
Verwenden von Vue's Routing-Berechtigungsverwaltung Fragen zu (ausführliches Tutorial)
Über die Methode zum Einfügen variabler Parameter in vue.js-Tag-Attribute (ausführliches Tutorial)
Das obige ist der detaillierte Inhalt vonSo erhalten Sie den Wert in select in vue.js (ausführliches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!