el-select 选择器 当value有值但label为空，默认value值作为下拉框值时

本人在写项目时发现，当 el-select 下拉框的值，value 有值的时候，label 为空时，下拉默认展示的数据是 value 值，且选中传值也是 value 值，而不是我想要的 label 空值

至于为什么会默认展示value值，暂未知晓，谁知道可以告诉我一下，我记录一下。

经过网络参考

我的做法是给他个默认的label值(toStr)：

<el-select
          size="small"
          v-model="drugs.drug_type2"
          allow-create
          filterable
          default-first-option
          clearable
          placeholder="药品分类2"
          @change="
            (val) => {
              category(val, options2);
            }
          "
        >
          <el-option
            v-for="item in options2"
            :key="item.value"
            :label="toStr(item.label)"
            :value="item.value"
          >
          </el-option
        ></el-select>

    // 当label值为空，想要选中空的label值
    toStr(str) {
      let data;
      if (str) {
        data = encodeURI(str);
      } else {
        data = "暂无名称";
      }
      data = data.replace(/ /g, "%20");
      return decodeURI(data);
    },

这样展示的数据 label为 空的时候展示出来的就是“暂无数据”，且使用的时候，得到的相对应的数据也是我想要的 “空值”