动态设置某个el-step的状态

        保存后的步骤条显示绿色，未保存显示蓝色 

        饿了么官网文档中有写单个步骤设置状态的参数 

 

        前端页面中el-step中:status需要绑定变量 :status="stepStatus[0]"

         vue中步骤条绑定的对象，是一个数组

 data() {
            return {
                stepStatus: ['', '', '', '', '', '', '', '', '', '', '', '',],

        当步骤条下的表单触发保存功能时，将当前步骤条的active值存储到一个数组中

        将数组存放到后端，进行保存

 //将保存后的选项卡index存储
            setCss() {
                let array = this.stepList
                let uniqueArray = array.filter((value, index, self) => {
                    return self.indexOf(value) === index;
                });
                console.log(uniqueArray)
                let index = {uniqueArray: uniqueArray, projectId: this.projectId}
                this.post('${ctx}/project/buildProject/saveIndex', index).then((res) => {

                })
            },

        每次在页面加载时，查询保存了的数组并赋值

         最后需要监听，存有active数组的变化，进行步骤条渲染

        watch: {
            'stepList'() {
                this.setStepStyle(this.stepList)
            }
        },

         将数组遍历，对应的修改绑定的值

         setStepStyle(data) {
                for(let i=0;i