vue解决字段类型为数字导致单选不正确的问题

星痕

发布于 2018-09-12 11:59:05

2.3K0

发布于 2018-09-12 11:59:05

文章被收录于专栏：JAVA后端开发

最近在研究vue,也试着写一些Vue页面。 vue中，我返回一个值,"sex":0, 单选框代码为

 <el-form-item label="性别">
                    <el-radio-group  v-model="form.sex"  >
                        <el-radio label="0"  >男</el-radio>
                        <el-radio label="1"  >女</el-radio>
                    </el-radio-group>
</el-form-item>

但我发现页面加载的时候没有选中，要返回,"sex":'0',才生效。实际过程中，我不可能把全部返回都改成字符串类型，我们还是有返回数字的，这个要怎么整。经查找，只要在label前加上冒号即可

 <el-form-item label="性别">
                    <el-radio-group  v-model="form.sex"  >
                        <el-radio :label="0"   >男</el-radio>
                        <el-radio :label="1"  >女</el-radio>
                    </el-radio-group>
</el-form-item>

其中，只加了一个冒号，即label改为:label. 经查原因，是加冒号的，说明后面的是一个变量或者表达式，没加冒号的后面就是对应的字符串字面量。 OK,问题解决!

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2018.04.25 ，如有侵权请联系 cloudcommunity@tencent.com 删除

其他

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

其他

登录后参与评论

0 条评论

热度

vue解决字段类型为数字导致单选不正确的问题

vue解决字段类型为数字导致单选不正确的问题

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐