docs_vue2/one/docs/demo/radio-group/desc.vue

51 lines
891 B
Vue
Raw Normal View History

<template>
<article>
<section>
<veui-radio-group
v-model="flavor"
:items="flavors"
/>
</section>
<section>
<veui-radio-group
v-model="flavor"
:items="flavors"
>
<template #desc="{ desc, label }">
{{ desc || `a description for ${label}` }}
</template>
</veui-radio-group>
</section>
</article>
</template>
<script>
import { RadioGroup } from 'veui'
export default {
components: {
'veui-radio-group': RadioGroup
},
data () {
return {
flavor: null,
flavors: [
{ value: 'LATTE', label: 'Latte', desc: 'a description for latte.' },
{ value: 'MOCHA', label: 'Mocha', desc: 'a description for mocha.' },
{ value: 'AMERICANO', label: 'Americano' }
]
}
}
}
</script>
<style lang="less" scoped>
section {
margin-bottom: 20px;
}
h4 {
margin-top: 0;
}
</style>