<template>
	<el-tabs @tab-click="handleClick" v-model="activeScene" class="tplSceneTab_cmp font-12">
		<el-tab-pane :label="item.name" :name="item.id" v-for="item in sceneList" :key="item.id">
		</el-tab-pane>
	</el-tabs>
</template>

<script>
	import Vue from 'vue'
	import {Tabs, TabPane} from 'element-ui'

	Vue.use(Tabs).use(TabPane)
	export default {
		data: function () {
			return {
				activeScene: this.value
			}
		},
		props: {
			value: {
				type: String
			},
			sceneList: {
				type: Array
			}
		},
		methods: {
			handleClick() {
				this.$emit('input', this.activeScene)
			}
		},
		computed: {},
		components: {},
		created: function () {

		}
	}
</script>
<style>
</style>
