uni-app小程序单选

1. 定义一个数组用来存放选项列表数据：

options: [
  {
    label: '选项1',
    value: '1'
  },
  {
    label: '选项2',
    value: '2'
  },
  {
    label: '选项3',
    value: '3'
  }
]

2. 在模板中使用 `radio-group` 和 `radio` 组件渲染选项列表：

<radio-group v-model="selected">
  <radio v-for="(option, index) in options" :key="index" :value="option.value">{{ option.label }}</radio>
</radio-group>

3. 在 `data` 中定义一个变量 `selected` 来存放用户选择的选项：

data() {
  return {
    selected: ''
  }
}

4. 当用户选择某个选项时，`selected` 变量的值会更新为对应的选项值。

完整代码如下：

<template>
  <view>
    <radio-group v-model="selected">
      <radio v-for="(option, index) in options" :key="index" :value="option.value">{{ option.label }}</radio>
    </radio-group>
    <view>你选择了：{{ selected }}</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          label: '选项1',
          value: '1'
        },
        {
          label: '选项2',
          value: '2'
        },
        {
          label: '选项3',
          value: '3'
        }
      ],
      selected: ''
    }
  }
}
</script>