vue循环展示单选按钮组

399 阅读1分钟

循序是放到el-radio-button标签上进行循环的。

<el-radio-group
  v-model="radioValue"
  @change="handleChangeValue"
>
  <el-radio-button
    v-for="item in measurementsList"
    :key="item.id"
    :label="item.id"
  >
    <p class="alias" :title="item.alias">
      {{ item.alias }}
    </p>
  </el-radio-button>
</el-radio-group>

问题

  1. 如果是把循序放到el-radio-group上的话,回出现样式错误。每一个按钮是都一个圆角。【循序在正确的标签上就可以解决】
  2. 【未解决】handleChangeValue,点击事件,现在拿到的是id。如果想获取对应的item,该如何处理。

解决方案

  1. 目前是使用的循序,获取对应的索引处理的。