我想获取所选选项输入的文本，并将其显示在其他地方.我知道如何使用jQuery，但我想知道如何使用Vuejs.
下面是我们在jQuery中的操作.我指的是所选选项的文本，而不是值.
var mytext = $("#customerName option:selected").text();
这是我的HTML
<select name="customerName" id="">
<option value="1">Jan</option>
<option value="2">Doe</option>
<option value="3">Khan</option>
</select>
{{customerName}}
现在，我如何在其下显示所选选项.比如简，多伊，可汗？
与仅将值定义为id不同，可以将选定值与具有两个属性的对象绑定:值和文本.
<div id="app">
<select v-model="selected">
<option v-for="product in products" v-bind:value="{ id: product.id, text: product.name }">
{{ product.name }}
</option>
</select>
</div>
然后您可以通过"值"访问文本:
<h1>Value:
{{selected.id}}
</h1>
<h1>Text:
{{selected.text}}
</h1>
var app = new Vue({
el: '#app',
data: {
selected: '',
products: [
{id: 1, name: 'A'},
{id: 2, name: 'B'},
{id: 3, name: 'C'}
]
}
})<div id="app">
<select v-model="selected">
<option v-for="product in products" v-bind:value="{ id: product.id, text: product.name }">{{ product.name }}
</option>
</select>
<h1>Value:
{{selected.id}}
</h1>
<h1>Text:
{{selected.text}}
</h1>
</div>
<script src="https://unpkg.com/vue@2.4.4/dist/vue.js"></script>