vue操作下拉選擇器獲取選擇的資料的id
阿新 • • 發佈:2019-02-15
實際專案中我們獲取選擇的資料的id;這時候 需要配合使用v-bind,才能獲取到選擇的那條資料的id值,其實就是id賦值給value屬性
<template>
<div>
<select v-model="select" >
<option v-for="(a,index) in arr" :key="index" :value="a.id">{{ a.name }}</option>
</select>
<p>您選擇的名字的Id是: {{select}}</p>
</div>
</template>
js程式碼
<script>
export default {
data(){
return{
select:'',
arr:[
{id:'1',name:'html'},
{id:'2',name:'css'},
{id:'3',name:'js'},
]
}
}
}
</script>