slot 插槽制作的tabs标签页

父组件：

<template>
  <div class="wrap">
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick" editable   @tab-remove="removeTab">
      <el-tab-pane :label="item" :name="item" v-for="(item, index) in editableTabs" :key="item">{
 {item}}</el-tab-pane>
    </el-tabs>
    <ul>
      <Temp :data="datas">
        <template slot-scope="scope">
          {
 {scope.item}}
        </template>
      </Temp>
    </ul>

   </div>
 </template>
<script>
import Temp from '../components/temp'
import TempA from '../components/tempA'
export default {
  name: 'practice',
  components: { Temp, TempA },
  data () {
    return {
      activeName: '用户管理',
      datas: [],
      editableTabs: ['用户管理'