Components

vc-buttonGroup

Install

npm install vc-buttonGroup --save
// build version
import vcButtonGroup from 'vc-buttonGroup'
// recommend for *.vue project for small bundle size
import vcButtonGroup from 'vc-buttonGroup/src/ButtonGroup.vue'
// commonjs
require('./dist/build.min.js')
// script tag
<script src='./dist/build.min.js'></script>

Usage

props

value

值

buttons

group

是否是 group 模式

type

example

import Vue from 'vue'
import vcButtonGroup from '../src'
import vcCheckbox from '../../vc-checkbox/src'
import vcRadio from '../../vc-radio/src'
new Vue({
    el: '#app',
    data () {
        return {
            bools: {
                'true': true,
                'false': false
            },
            checkValue: null,
            radioValue: null,
            buttons: true
        }
    },
    components: {
        vcButtonGroup,
        vcCheckbox,
        vcRadio
    }
})
<vc-button-group
    :value.sync="radioValue"
    :buttons="buttons"
>
    <vc-radio type="success" value="one">中文第一个</vc-radio>
    <vc-radio type="warning" value="two">two</vc-radio>
    <vc-radio type="danger" value="three">three</vc-radio>
    <vc-radio type="info" value="four">four</vc-radio>
</vc-button-group>
<pre>radio: {{ radioValue | json 4 }}</pre>
<hr>
<vc-button-group
    :value.sync="checkValue"
    :buttons="buttons"
>
    <vc-checkbox type="success" value="one">one</vc-checkbox>
    <vc-checkbox type="warning" value="two">中文二</vc-checkbox>
    <vc-checkbox type="danger" value="three">three</vc-checkbox>
    <vc-checkbox type="info" value="four">four</vc-checkbox>
</vc-button-group>
<pre>checkbox: {{ checkValue | json 4 }}</pre>