uniapp radio-grou单选按钮回显

UniApp 的 `radio-group` 组件是一个用于创建单选组的控件，常用于需要用户选择一个选项的场景。当涉及到数据回显，即已有预设值的情况下，你可以这样做：

1. 首先，在你的 Vue 文件中，确保你的 radio-group 组件有一个绑定的数据属性，通常会是一个数组，每个元素代表一个选项，并包含一个 `value` 属性表示默认选中的值。

<view class="container">
  <radio-group v-model="selectedOption" @change="handleChange">
    <radio :value="item.value" v-for="(item, index) in options" :key="index">{{ item.label }}</radio>
  </radio-group>
</view>

2. 然后，在你的 Vue 实例中，定义 `options` 数组，其中的一个或多个元素的 `value` 属性等于你想回显的值，比如：

export default {
  data() {
    return {
      selectedOption: '', // 如果你想初始时不显示已选，则可以留空
      options: [
        { value: 'option1', label: '选项一' },
        { value: 'option2', label: '选项二' },
        { value: 'preselectedValue', label: '预选值' } // 这里是回显的值
      ],
    };
  },
  methods: {
    handleChange(value) {
      console.log('当前选中的值:', value);
    }
  }
};

3. 当页面加载时，如果 `selectedOption` 对应于 `options` 中某个选项的 `value`，那么那个选项会被自动勾选。