如何使用ElementUI中的步骤条并进行改变

1、双击打开HBuilderX开发工具，创建vue项目并打开

2、在项目根目录下，打开Git命令窗口，输入安装element-ui命令

3、打开项目中的main.js文件，导入element-ui以及对应的样式

4、在components文件夹下，新建vue组件StepData.vue

5、打开已新建的vue文件，插入el-steps标签并添加子项el-step

6、在script标签中，data对象初始化变量active，然后定义方法nextStep

7、打开App.vue文件，导入StepData组件，并在界面代码中引用

8、保存代码并运行项目，打开浏览器，查看界面效果

9、点击下一步按钮，查看步骤条的变化