el-radio如何把值传给父组件

在Vue.js中，`el-radio`是Element UI库中的单选按钮组件，它通常用于用户选择其中的一个选项。当你需要将用户的选中值传递给父组件时，可以利用`v-model`指令，同时配合事件`@change`。

首先，在父组件模板中，你可以设置一个属性来接收值：

<template>
  <div>
    <!-- 父组件 -->
    <el-radio-group v-model="selectedValue" @change="handleChange">
      <el-radio :label="option.value" v-for="(option, index) in options" :key="index">{{ option.label }}</el-radio>
    </el-radio-group>
    <!-- 显示选中的值 -->
    <p>选中的值是：{{ selectedValue }}</p>
  </div>
</template>

然后，在父组件的script部分中：

export default {
  data() {
    return {
      selectedValue: '', // 初始值为空
      options: [
        { value: 'option1', label: '选项1' },
        { value: 'option2', label: '选项2' },
        // 更多选项...
      ]
    };
  },
  methods: {
    handleChange(value) {
      this.selectedValue = value; // 当radio变化时更新selectedValue
    }
  }
};

在这个例子中，每当用户点击一个`el-radio`，`handleChange`方法会被触发，并通过`v-model`绑定的`selectedValue`属性将新值回显到父组件上。