tiny-vue/examples/sites/demos/mobile-first/app/slider-button/basic-usage.vue

25 lines
626 B
Vue

<template>
<tiny-slider-button-group v-model="radio2">
<tiny-slider-button label="1">选项</tiny-slider-button>
<tiny-slider-button label="2">选项选项选选项</tiny-slider-button>
<tiny-slider-button label="3">选项</tiny-slider-button>
<tiny-slider-button label="4">选项选项</tiny-slider-button>
</tiny-slider-button-group>
</template>
<script>
import { SliderButton, SliderButtonGroup } from '@opentiny/vue'
export default {
components: {
TinySliderButton: SliderButton,
TinySliderButtonGroup: SliderButtonGroup
},
data() {
return {
radio2: '1'
}
}
}
</script>