Element Ui 中Select下拉框 默认值初始化失败

需求：在页面加载时，初始化选项的同时，给 Select 默认选择值。

<el-select v-model="Id" cleatable placeholder="请选择">
    <!-- Id 是需要默认的值  postionArr是从后端获取的可选列表-->
   <el-potion v-for="(item,index) in potionArr" :key="item.id" :label="item.name" :value="item.id">
</el-select>

错误情况：未绑定至对应的选项

传递的值，倒是赋值到 下拉框中，但是直接显示在内容中，应该是选择到具体的选项。

问题解析：传递的默认值和 el-potion中的 value 不匹配， Select 无法正确选择。

1.Select 的potion中根本不存在 你的选项值，可以在控制台输出你的 可选列表，检查是否包含数据。如果在可选列表中没有你的默认值，那可以在获取到 默认值时，去筛选一下可选列表，若无匹配对象则手动添加即可。

2.检查你传入值的类型和 potion 中 value 的类型是否一致，类型不一致也会导致 Select无法正确的选择。 需要将两个值的类型统一一下才可以。

按照以上的两个情况，基本就可以解决 Select 默认选择失败情况。