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>

不同之处在于Radio组件的label属性,前者没有“:”,后者有“:”。

理论基础:组件使用规范

  #

使用: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
©️2020 CSDN 皮肤主题: 创作都市 设计师:CSDN官方博客 返回首页