Vue select custom drop-down option how to change the first item to "Please select" as shown in the figure?

uses HeyUI

<FormItem label="" prop="reference">
        <!-- <input type="text" v-model="resume.reference" :disabled="redisabled"> -->
        <Select 
          v-model="resume.reference" 
          :datas="employeeMap"
          :filterable="true"
          type="key"
          :disabled="redisabled"
          keyName="mobilePhone"
          titleName="employeeName"
          placeholder=""
          optionRender
          >
          <template slot-scope="{item}" slot="item"><div>:{{item.employeeName}}</div><div>:{{item.mobilePhone}}</div></template>
        </Select>
      </FormItem>

Jun.15,2022

just add a data with the same structure to the obtained array. Refer to element-ui-- select-- disable option

Menu