Components

vc-steps

Install

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

Usage

props

show

steps

传入的steps，如果传入合法的 allSteps 预设，则会合并

allSteps

title

subTitle

closeable

example

import Vue from 'vue'
import vcTag from '../dist/build.js'
new Vue({
    el: '#app',
    data () {
        return {
            bools: {
                'true': true,
                'false': false
            },
            show: true,
            label: '我是标签1',
            size: 'default',
            status: 'success',
            disabled: false,
            closeable: true,
            onClose () {
                console.log('will close tag')
            },
            afterClose () {
                console.log('after close tag')
            }
        }
    },
    components: {
        vcTag
    }
})
<vc-steps
    :show.sync="show"
    :steps="steps"
    :all-steps="allSteps"
    :title="title"
    :sub-title="subTitle"
    :closeable="closeable"
>
</vc-steps>