How to get the id? corresponding to the drop-down list by vue

< select class= "form-control" v muri model = "aaa" >

<option v-for="RoleItem in list_roleName" value=RoleItem.id>{{RoleItem.name}}</option>

< / select >
{{aaa}}

data are as follows

clipboard.png

if the user selects BD, the data of aaa is 3. How to do this


https://codesandbox.io/s/nr43.


<select class="form-control" v-model="aaa">

<option v-for="RoleItem in list_roleName" :value=RoleItem.id>{{RoleItem.name}}</option>
</select>

clipboard.png

new Vue({
  el: "-sharpapp",
  data: {
    selectId:'',
    todos: [
      { text: "Learn JavaScript", done: false,id:1 },
      { text: "Learn Vue", done: false,id:2 },
      { text: "Play around in JSFiddle", done: true,id:3 },
      { text: "Build something awesome", done: true,id:4 }
    ]
  },
  methods: {
  }
})
Menu