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

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