vue单选框显示默认选中问题

vue 专栏收录该内容
1 篇文章 0 订阅

vue单选框默认选中,如图:

不能默认显示代码

<Label>是否关键岗位</Label>      
            <RadioGroup v-model="addPosition.isKey">
                <Radio label="true"><span>是</span></Radio>
                <Radio label="false"><span>否</span></Radio>
            </RadioGroup>

 

默认显示代码:

<Label>是否关键岗位</Label>      
            <RadioGroup v-model="addPosition.isKey">
                <Radio :label="true"><span>是</span></Radio>
                <Radio :label="false"><span>否</span></Radio>
            </RadioGroup>

 

理论基础:组件使用规范

 #

使用:prop传递数据格式为 数字、布尔值或函数时,必须带:(兼容String除外,具体看组件文档),比如:

 

Correct usage:
<Page :current="1" :total="100"></Page>
 
Incorrect usage:
<Page current="1" total="100"></Page>

 

其他组件使用规范:

在非 template/render 模式下(例如使用 CDN 引用时),组件名要分隔,例如 DatePicker 必须要写成 date-picker。

以下组件,在非 template/render 模式下,需要加前缀 i-:

Button: i-button
Col: i-col
Table: i-table
Input: i-input
Form: i-form
Menu: i-menu
Select: i-select
Option: i-option
Progress: i-progress
以下组件,在所有模式下,必须加前缀 i-,除非使用 iview-loader:

Switch: i-switch
Circle: i-circle
 

  • 0
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值