Radio 单选框 ​

<template>
  <wi-radio-group v-model="checkList" @change="handleChange">
    <wi-radio label="选项 A" value="Value A">
      <div class="flex items-center">
        <span class="mr-4">李医生团队</span>
        <w-tag type="success">最优</w-tag>
      </div>
    </wi-radio>
    <wi-radio label="选项 B" value="Value B">
      <div class="flex items-center">
        <span class="mr-4">李医生团队</span>
        <w-tag type="success">最优</w-tag>
      </div>
    </wi-radio>
    <wi-radio label="选项 C" value="Value C">
      <div class="flex items-center">
        <span class="mr-4">李医生团队</span>
        <w-tag type="success">最优</w-tag>
      </div>
    </wi-radio>
    <wi-radio label="禁用" value="Value disabled" disabled>
      <div class="flex items-center">
        <span class="mr-4">李医生团队</span>
        <w-tag type="success">最优</w-tag>
      </div>
    </wi-radio>
  </wi-radio-group>

  <div style="margin-top: 24px">
    <w-title>对象绑定：</w-title>
    <wi-radio-group v-model="selectedObj" @change="handleObjChange">
      <wi-radio v-for="item in options" :key="item.id" :value="item">
        {{ item.name }}
      </wi-radio>
    </wi-radio-group>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const checkList = ref('Value A')

const handleChange = (val: string) => {
  console.log(val)
}

interface Option {
  id: number
  name: string
}

const options: Option[] = [
  { id: 1, name: '选项 A' },
  { id: 2, name: '选项 B' },
  { id: 3, name: '选项 C' },
]

const selectedObj = ref<Option>({ id: 1, name: '选项 A' })

const handleObjChange = (val: Option) => {
  console.log(val)
}
</script>