Skip to content

PlayerList 组件

PlayerList 组件用于显示房间内的玩家列表,区分参与游戏的玩家和旁观者。

Props

属性名类型默认值说明
playersRoomPlayer[]必填房间内的玩家列表数据。

Slots

插槽名参数说明
default{ player: RoomPlayer }自定义每个玩家条目的显示内容。默认显示准备状态/围观状态和玩家名称。

使用方法

vue
<PlayerList :players="room.players" />

<!-- 自定义显示 -->
<PlayerList :players="room.players">
  <template #default="{ player }">
    <div class="font-bold">{{ player.name }} ({{ player.score }})</div>
  </template>
</PlayerList>