单选框单选框单选框

MMNHD

于 2022-06-16 22:01:48 发布

阅读量103

点赞数

文章标签： elementui vue.js javascript

本文链接：https://blog.youkuaiyun.com/m0_63327154/article/details/125324119

版权

Vue el-radio-group 动态选项 v-model 前端开发

关键词由优快云通过智能技术生成

此篇博客介绍了如何使用Vue.js中的el-radio-group组件实现动态选项选择，并展示了如何通过v-model绑定数据。适合初学者了解前端框架中组件的交互方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <div v-for="item in arr" :key="item.id">
      <span>{{ item.name }}</span>
      <el-radio-group v-model="item.data" @change="getRadio">
        <el-radio :label="1">{{ item.name }}</el-radio>
        <el-radio :label="2">{{ item.name }}</el-radio>
      </el-radio-group>
    </div>

data() {
    return {
      arr: [
        { id: 1, name: 'A', data: '' },
        { id: 2, name: 'B', data: '' },
        { id: 3, name: 'C', data: '' },
      ]
    };
  },