SOURCE

var Main = {
    data(){
        return{
        active:1,
        //  data: [
        //    {
        //      title: "步骤1",
        //      description: "描述性文字1"
        //    },
        //    {
        //      title: "步骤2",
        //      description: "描述性文字1"
        //    },
        //    {
        //      title: "步骤3",
        //      description: "描述性文字1"
        //    },
        //    {
        //      title: "步骤4",
        //      description: "描述性文字1"
        //    }
        // ]
        };
    },
    methods: {
        on_click(e){
            this.active = e
        console.log(e);
        },
        next:function () {
        if (this.active++ > 1)
            this.active = 2;
        }
    }
  }
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

<div id="app">
  <div id="el-step">
    <div class="app">
      <el-steps :active="active" v-bind:value="next" align-center >     <!--finish-status="success"-->
        <el-step title="步骤1" description="描述性文字" @click.native="on_click(1)"></el-step>
        <el-step title="步骤2" description="描述性文字" @click.native="on_click(2)"></el-step>
        <el-step title="步骤3" description="描述性文字" @click.native="on_click(3)"></el-step>
        <el-step title="步骤4" description="描述性文字" @click.native="on_click(4)"></el-step>
      </el-steps>
    </div>
  </div>
</div>