如何在 vue 组件的下拉列表中获取选定的值 id

【问题标题】：How can I get selected value id in dropdown on vue component如何在 vue 组件的下拉列表中获取选定的值 id
【发布时间】：2019-11-03 00:54:40
【问题描述】：

我在一个 vue 组件中有一个下拉菜单，想要获取选定的选项值

 <select class="form-control" v-model="selected" >
    <option v-for="user in users" v-model="kudouser" v-bind:value="user.id" >{{ user.id }}&nbsp;{{ user.first_name }}&nbsp;{{ user.last_name }}</option>
 </select>

我希望输出是当有人点击选项 1 时需要获取选项值

【问题讨论】：

标签： laravel vue.js

【解决方案1】：

你不应该在你的选项标签中使用v-model：

<select class="form-control" v-model="selected" >
                                     <option v-for="user in users"  v-bind:value="user.id" >{{ user.id }}&nbsp;{{ user.first_name }}&nbsp;{{ user.last_name }}</option>
                                 </select>

【讨论】：

那我怎样才能得到id
我知道了我们可以使用 selected 来获取 ID .. 谢谢