vue-简单实现单选按钮

html:

<p v-for="(item,index) in alpha " :key="index">
      <input type="radio" id="one" :value="item.value" v-model="picked" />
      <label for="item.text">{{item.text}}</label>
      <br />
    </p>
    <span>Picked: {{ picked }}</span>
    <br/>
    <el-button type="success" @click="submit(picked)">提交</el-button>

js:

 data () {
    return {
      picked: 'A',
      alpha: [
        { text: 'A', value: 'A' },
        { text: 'B', value: 'B' },
        { text: 'C', value: 'C' },
        { text: 'D', value: 'D' },
      ],
    }
  }