使用elementui在打开编辑页面时select多选选择框(自定义模板)不能正常显示

问题:使用elementui在打开编辑页面时select多选选择框(自定义模板)不能显示文字,只显示标签

项目上的select下拉数据是在聚焦时才加载数据;

解决方法:select下拉数据改成页面初始化时就加载;

原因:组件已经渲染完成，数据仍在加载

<el-select 
v-model="searchFormData.area3" 
class="mediaInput" 
multiple 
clearable 
filterable remote 
:multiple-limit="5"
reserve-keyword 
@focus="remoteArea3('')" 
:remote-method="remoteArea3" 
@change="changeArea3" 
:loading="searchFormData.area3Loading"
:collapse-tags="true" default-first-option :title="searchform.data.qyTitle">
  <el-option v-for="item in searchFormData.area3Options" :key="item.id" :label="item.label" :value="item">
  </el-option>
</el-select>

area3自定义的格式:[{
  id:'',
  lablel: '',
  value: '',
  type: ''
}]

1.打开编辑页面时得到数组赋值给searchFormData.area3,如上述数组,area3Options还没加载数据(聚焦时加载)

2.打开编辑页面时得到数组赋值给searchFormData.area3,同时加载area3Options的数据