element 中的el-radio 在用v-for渲染时,value为空

<el-radio-group :model="houseStructureValue.groundvalue">
                                    <el-radio v-for="(item,index) in houseStructGroup.groundoptGroup"
                                              size="small"
                                              style="margin-left: 10px;"
                                              border
                                              :key="item.id"
                                              :lable="item.optionName">
                                        {{item.optionName}}
                                    </el-radio>
                            </el-radio-group>

radio的代码如上,下图是groundoptGroup中的值

clipboard.png

这是houseStructureValue的结构
clipboard.png

houseStructGroup的结构

clipboard.png

渲染结果导致所有value都为空,例如下面的input中的value都是空的,一点击其中一个选项,都选中了
clipboard.png
不知道是为什么,v-for的渲染后,radio中的value是空的,前面浅基础,桩基础的选项就没有这个问题,是不是v-for的缘故,还是我没用对

clipboard.png

阅读 15.1k
2 个回答

:lable="item.optionName"> -> :label="item.optionName">

lable没有写bind,:lable

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题