element ui里面的label类型可以是string、number、boolean,如图

 在写项目的时候,尤其是后台管理系统的修改操作,你需要掉后台接口(详情接口)先拿取后台传给你的数据,但是如果单选框的lable不处理,就会看不到单选框选择的是哪一个状态,(其实已经默认选择第一个了,第一个选择框点击不了)如图

 有时候后台返回的单选框是number类型的,单选框的lable需要设置成 :lable='0',例如

<el-form-item label="是否转赠" prop="isTransfer">
    <el-radio v-model="form.isTransfer" :label='1'>可转增</el-radio>
    <el-radio v-model="form.isTransfer" :label='0'>不可转增</el-radio>
</el-form-item>

实现效果如图

 

如果后台返回的是string,则正常写 label='0',例如

<el-form-item label="是否转赠" prop="isTransfer">
    <el-radio v-model="form.isTransfer" label='1'>可转增</el-radio>
    <el-radio v-model="form.isTransfer" label='0'>不可转增</el-radio>
</el-form-item>

也可以实现上图效果。

GitHub 加速计划 / eleme / element
13
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:19 天前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐