34 lines
1.0 KiB
Vue
34 lines
1.0 KiB
Vue
<template>
|
|
<div>
|
|
<tiny-button-group :data="groupData" v-model="checkedVal"></tiny-button-group>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="jsx">
|
|
import { ButtonGroup } from '@opentiny/vue'
|
|
|
|
export default {
|
|
components: {
|
|
TinyButtonGroup: ButtonGroup
|
|
},
|
|
data() {
|
|
return {
|
|
checkedVal: 'Button1',
|
|
groupData: [
|
|
{ text: 'Button1', value: 'Button1' },
|
|
{ text: 'Button2', value: 'Button2' },
|
|
{ text: 'Button3', value: 'Button3' },
|
|
{ text: 'Button4', value: 'Button4' },
|
|
{ text: 'Button5', value: 'Button5' },
|
|
{ text: 'Button6', value: 'Button6' },
|
|
{ text: 'Button7', value: 'Button7' },
|
|
{ text: 'Button8', value: 'Button8' },
|
|
{ text: 'Button9', value: 'Button9' },
|
|
{ text: 'Button10', value: 'Button10' },
|
|
{ text: 'Button11', value: 'Button11' },
|
|
{ text: 'Button12', value: 'Button12' }
|
|
]
|
|
}
|
|
}
|
|
}
|
|
</script> |