el-radio-group的el-radio用v-for无法选中

Question

代码如下
<el-radio-group v-model="afsapplyForm.customerExpect" @change="changeCustomerExpect">

      <el-radio :label="key" value="key" v-for="(value, key) in afsapplyForm.customerExpectMap" >
           {{value}}
      </el-radio>

</el-radio-group>

数据绑定
data() {

  return {
    afsapplyForm: {
      customerExpect: ''
      }}

radio点击时无法选中，是咋回事？

Answer 1

刚解决同样问题，把label绑定的key转换成string格式

<el-radio-group v-model="editForm.proTypesId">

                  <el-radio v-for="(item,i) in firstLevelTypeList" :key="i" :label="''+item.id">{{item.name}}</el-radio>
                </el-radio-group>

Answer 2

额。。。v-for 应该是循环一个数组吧，但是你的那个afsapplyForm.customerExpectMap是个字符串啊

Answer 3

看下，是不是有监听click事件，并阻止了冒泡的行为

Answer 4

data() {

return {
  afsapplyForm: {
      customerExpect:''//初始值可以为空，也可以是你的map中的任一数值
      customerExpectMap:[]//v-for循环，你从后端获取到的类型为数组的值
 }

}

Answer 5

刚解决同样问题，把label绑定的key转换成string格式

<el-radio-group v-model="editForm.proTypesId">

                  <el-radio v-for="(item,i) in firstLevelTypeList" :key="i" :label="''+item.id">{{item.name}}</el-radio>
                </el-radio-group>