Vue 分步向导组件 – vue-wizard-steps

Vue 分步向导组件 –  vue-wizard-steps
插件名称 vue-wizard-steps
发布时间 2021年6月1日
插件作者 frknbasaran

一个轻量级、可定制的 Vue 分步进度/向导组件。

安装和下载:

# NPM
$ npm i vue-wizard-steps --save

如何使用它:

1. 导入并注册组件。

import WizardSteps from 'vue-wizard-steps';
Vue.component("wizard-steps", WizardSteps);

2. 将向导组件添加到模板中。

<wizard-steps :sections="sections" />
export default {
  data() {
    return {
      sections: {
        titles:  ['vue',  'script',  'com',  'example'],
        fillCount: 1
      },
    };
  }
}

3. 可用的组件道具。

props: {
  sections: Object,
  bgColor: String,
  fillColor: String
}