uniapp radio-group v-model

uniapp中的radio-group是一个单选框组件，v-model用于绑定当前选中的值。当选中的值发生变化时，会触发change事件，可以通过@change来监听。在引用中的代码中，v-model绑定了form.repeat，当选中的值发生变化时，会触发groupChange方法。在引用中的代码中，v-for循环渲染了一个单选框组件，通过label和name来设置选项的值，避免了数字被转为字符串的问题。

相关问题

uniapp radio-group两个单选框只能选择一个

UniApp 的 RadioGroup 组件主要用于创建一组互斥的单选选项。当你需要让用户在多个选项中选择一个时，RadioGroup非常适合。要设置两个 Radio 单选框（radio-item）只能选择一个，你可以按照以下步骤操作：

1. 首先，在页面模板上创建两个 RadioItem 元素，并给他们指定不同的值（比如 `value` 属性）作为唯一标识符。

<view class="radio-group">
  <radio-group v-model="selectedOption" @change="handleChange">
    <radio-item value="option1">选项1</radio-item>
    <radio-item value="option2">选项2</radio-item>
  </radio-group>
</view>

2. 在 Vue 实例的 data 中，声明一个变量 `selectedOption` 来存储当前选中的值，默认设置为第一个选项。

export default {
  data() {
    return {
      selectedOption: 'option1', // 默认选择 option1
    };
  },
  methods: {
    handleChange(event) {
      this.selectedOption = event.detail.value; // 当选择改变时更新 selectedOption
    },
  },
};

在这个例子中，当用户点击其中一个 Radio，`handleChange` 方法会被触发，将当前选中的 `value` 设置给 `selectedOption`，保持组内仅有一个被选中。

uniapp u-radio-group怎么默认不选中

可以设置 `v-model` 的值为 `null` 或者 `undefined` 来实现默认不选中的效果，示例如下：

<template>
  <u-radio-group v-model="selected">
    <u-radio label="选项1" />
    <u-radio label="选项2" />
    <u-radio label="选项3" />
  </u-radio-group>
</template>

<script>
export default {
  data() {
    return {
      selected: null // 或者 undefined
    }
  }
}
</script>