el-select 同时存储 label 和 value和 远程搜索（记录）

<el-form-item label="智能标签" prop="thirdLabelCode">
  <el-select
      v-model="form.thirdLabelCode"
      filterable
      remote
      reserve-keyword
      placeholder="输入标签名称进行搜索"
      :remote-method="loadLabelOptions"
      style="width: 300px"
      value-key="code"
      @change="handleLabelChange"
  >
    <el-option
        v-for="item in labelOptions"
        :key="item.id"
        :label="item.label"
        :value="item.value"
    />
  </el-select>
</el-form-item>

  const labelOptions = ref([])
  function loadLabelOptions(keyword?, code?) {
    getLabelsApi({
      layerCode: code,
      name: keyword,
      pageNum: 1,
      pageSize: 1
    }).then(res => {
      labelOptions.value = res.rows?.map(item => {
        return {
          id: item.id,
          label: item.name,
          value: item.layerCode
        }
      });
    })
  }
  function handleLabelChange(value) {
    form.value.thirdLabelName = labelOptions.value.find(item => item.value === value)?.label
  }