el-select的value为item时的选中问题

 <el-select v-model="planForm.regionInfo" placeholder="请选择业主单位" clearable value-key="regionId" @change="selectRegion">
       <el-option v-for="item in planRegionList" :key="item.regionId" :label="item.regionName"
             :value="item">{{item.regionName}}</el-option>
 </el-select>

因为vlaue赋值的是整个item，所以el-option会在选中一个之后所有的都有一个选中的效果，解决方案是在el-option上加一个 value-key 里边的值要与option的key对应。