naive-ui/demo/documentation/components/radio/zhCN/group.demo.md

47 lines
857 B
Markdown
Raw Normal View History

2020-02-04 17:18:32 +08:00
# 选项组
一个选项组看起来就挺舒服。
```html
2020-02-14 15:27:45 +08:00
<n-radio-group v-model="value" name="radiogroup">
2020-02-04 17:18:32 +08:00
<n-radio
v-for="song in songs"
:key="song.value"
:value="song.value"
>
{{ song.label }}
</n-radio>
</n-radio-group>
```
```js
export default {
data () {
return {
value: null,
songs: [
{
value: 'Rock\'n\'Roll Star',
label: 'Rock\'n\'Roll Star'
},
{
value: 'Shakermaker',
label: 'Shakermaker'
},
{
value: 'Live Forever',
label: 'Live Forever'
},
{
value: 'Up in the Sky',
label: 'Up in the Sky'
},
{
value: '...',
label: '...'
}
].map(s => {
s.value = s.value.toLowerCase()
return s
})
}
}
}
```