elementui radio动态显示一些

element-ui的Radio组件可以通过绑定数据的方式实现动态显示。首先，我们可以使用v-model指令将Radio绑定到一个变量上。例如，我们可以使用下面的代码绑定一个名为selected的变量到Radio组件上：

<template>
  <div>
    <el-radio v-model="selected" label="option1">选项1</el-radio>
    <el-radio v-model="selected" label="option2">选项2</el-radio>
    <el-radio v-model="selected" label="option3">选项3</el-radio>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selected: 'option1'
    }
  }
}
</script>

这样，selected变量的值会随着用户选择的不同而变化。

此外，我们还可以使用v-for指令循环生成多个Radio组件。假设我们有一个存储选项的数组options，我们可以使用下面的代码动态生成多个Radio组件：

<template>
  <div>
    <el-radio v-for="option in options" :key="option.value" v-model="selected" :label="option.value">{{ option.label }}</el-radio>
  </div>
</template>

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

这样，根据options数组的内容，会动态生成对应数量的Radio组件。

总结起来，element-ui的Radio组件可以通过绑定数据和使用v-for指令来实现动态显示。通过这些方式，我们可以方便地根据数据的变化来动态显示一些Radio选项。