Select选择器内容为空白，placeholder不显示

解决方法：使用一个额外的选项作为占位符：您可以在下拉列表的选项中添加一个额外的选项，将其值设置为 null 或空字符串，并为其设置占位符文本。这样，用户在未选择其他选项之前，就会显示该占位符选项。

const info = reactive {
	serverList: [],
	selectServer: null,
}
<select v-model={info.selectServer}>
  <option value={null} disabled selected hidden>
    请选择服务器
  </option>
  {(info.serverList || []).map((item: any) => (
    <option value={item.serverId} label={item.serverName}>
      {item.serverName}
    </option>
  ))}
</select>
1
2
3
4
5
6
7
8
9
10
11
12
13
14