uniapp radio-group v-model

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

相关问题

uniapp radio

UniApp 是一个基于 Vue.js 的开发框架，可以用于快速构建跨平台的移动应用程序。而 "radio" 是指单选框（Radio Button）的意思。在 UniApp 中，可以使用 `<radio>` 组件来创建单选框。

以下是一个简单的示例代码：

<template>
  <view>
    <radio-group v-model="selectedValue">
      <radio :value="1">选项1</radio>
      <radio :value="2">选项2</radio>
      <radio :value="3">选项3</radio>
    </radio-group>
  </view>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: 1
    }
  }
}
</script>

上述代码中，使用了 `<radio-group>` 组件来包裹一组 `<radio>` 组件，通过 `v-model` 指令将选中的值与 `selectedValue` 数据进行绑定。每个 `<radio>` 组件都有一个 `value` 属性，用于表示该选项的值。

当用户选择不同的选项

uniapp uni-ui获取本机当日日期直接填好并且可选择的表单

以下是一个可以获取本机当日日期并自动填写的uni-ui表单示例：

<template>
  <view class="content">
    <uni-form>
      <uni-form-item label="日期">
        <uni-datepicker :value="date" @change="dateChange"></uni-datepicker>
      </uni-form-item>
      <uni-form-item label="姓名">
        <uni-input v-model="name"></uni-input>
      </uni-form-item>
      <uni-form-item label="性别">
        <uni-radio-group v-model="gender">
          <uni-radio value="male">男</uni-radio>
          <uni-radio value="female">女</uni-radio>
        </uni-radio-group>
      </uni-form-item>
      <uni-form-item label="联系电话">
        <uni-input v-model="phone" type="number"></uni-input>
      </uni-form-item>
      <uni-form-item label="电子邮箱">
        <uni-input v-model="email" type="email"></uni-input>
      </uni-form-item>
      <uni-form-item>
        <uni-button type="primary" @click="submitForm">提交</uni-button>
      </uni-form-item>
    </uni-form>
  </view>
</template>

<script>
export default {
  data() {
    return {
      name: '',
      gender: '',
      phone: '',
      email: '',
      date: new Date().toISOString().slice(0, 10) // 获取本机当日日期
    }
  },
  methods: {
    dateChange(e) {
      this.date = e.target.value
    },
    submitForm() {
      // 处理表单提交逻辑
    }
  }
}
</script>

在上面的示例中，我们使用了uni-datepicker组件来获取本机当日日期，并使用了v-model将日期值绑定到了data中的date变量上，实现了自动填写的功能。同时，我们还使用了uni-input、uni-radio-group等组件来实现了其他表单项。最后，在点击“提交”按钮时，我们可以将表单数据提交到后端进行处理。