记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 绑定的值，并且类型一致 才能正常回显