記el-select的使用

 

<el-select
    v-model="postForm.selectedStation"//（綁定）選中的值 、需要提交的數據
    placeholder="請選擇"
>
   <el-option
     v-for="item in stations" //遍歷 做展示
     :key="item.value"
     :label="item.label"
     :value="item.value"
   >
    </el-option>
</el-select>

// 最簡單的模板，可以看成兩部分 select  option 


//select 做綁定值  v-model


//option 做遍歷 展示 選擇項 v-for 注意 label 和 value


//如 option = [{value: 1, label: '漳州'}，{value: 2, label: '廈門'}]//注意數據結構
//此時選漳州  實際 發送的值是 1


// 如有 回顯 問題（獲取接口數據展示）應注意  數據類型 保持一致 × value: '1' ×

 

 

 

 

 

 

 

 

 

 總結： el-select 綁定值 el-option 通過數組遍歷值顯示，這里的:value :key 注意 ，回顯需將查到的值賦值給select 綁定的值，並且類型一致 才能正常回顯