<template>
	<el-steps :active="active" finish-status="success" align-center>
		<el-step
			v-for="(col, colIndex) in columns"
			:key="colIndex"
			:title="col.name"
		></el-step>
	</el-steps>
</template>
<script>
import PageBus from '@/components/eipControl/bus/PageBus.js';
export default {
	name: 'Eip-pagination-steps',
	components: {},
	props: ['columns'],
	data() {
		return {
			active: 0,
		};
	},
	mounted() {
		const this_ = this;
		//监听分页组件分页数量改变事件.
		PageBus.$on('pageAlter', content => {
			this_.active = content;
		});
	},
	methods: {},
	watch: {},
};
</script>
