vue单选框显示默认选中问题
vue单选框默认选中,如图: 不能默认显示代码:<Label>是否关键岗位</Label> <RadioGroup v-model="addPosition.isKey"><Radio label="true"><spa
·
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
更多推荐
已为社区贡献3条内容
所有评论(0)