官方文檔描述:
基本用法。可以使用 v-model 雙向綁定數據。
單選時,value 只接受字符串和數字類型,多選時,只接受數組類型,組件會自動根據Option的value來返回選中的數據
示例:

<Option v-for="item in selectSupplierNameList" :value="item.value" :key="item.value">{{ item.label }}</Option>
會跟根據 purchaseId 的值 == item.value,然后 渲染 相對應的item.lable 值。
代碼示例:
<template>
<Select v-model="model1" style="width:200px">
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select>
</template>
<script>
export default {
data () {
return {
cityList: [
{
value: '1',
label: '北京'
},
{
value: '2',
label: '上海'
}
],
model1: ''
}
}
}
</script>
當 model1 的值 為 1 時 , 它就會 顯示 北京.......