Element: steps组件动态添加数据，流程显示文字不自增

Created on 18 Jan 2017 · 3Comments · Source: ElemeFE/element

ElementUI version

[email protected]

OS/Browers version

macOS/Chrome 55.0.2883.95 (64-bit)

Vue version

[email protected]

Steps to reproduce

2017-01-18 9 12 40

<!--模版-->
<template>
    <div>
        <el-button type="primary" @click="add">默认按钮</el-button>
        <el-steps :space="100" :active="active" finish-status="success">
            <el-step v-for="item in steps" :title="item.title"></el-step>
        </el-steps>
    </div>
</template>
<!--脚本-->
<script>
    export default {
        data: function () {
            return {
                steps: [{
                    title: '1111',
                }, {
                    title: '222',
                }, {
                    title: '333',
                }, ]
            }
        },
        methods: {
            add: function () {
                this.steps.push({
                    title: '444'
                })
            }
        }
    }
</script>