新增 el-tab-pane可编辑

el-tab-pane 可以通过设置 `editable` 属性为 `true` 来实现可编辑功能，代码如下：

<template>
  <div>
    <el-tabs v-model="activeTab">
      <el-tab-pane v-for="(tab, index) in tabs" :key="index" :label="tab.label" :name="tab.name" :editable="true">
        <div v-if="!tab.editable">{{ tab.content }}</div>
        <el-input v-else v-model="tab.content" size="mini"></el-input>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeTab: 'tab1',
      tabs: [
        {
          label: 'Tab 1',
          name: 'tab1',
          content: 'This is tab 1.',
          editable: false // 不可编辑
        },
        {
          label: 'Tab 2',
          name: 'tab2',
          content: 'This is tab 2.',
          editable: true // 可编辑
        }
      ]
    };
  }
};
</script>

在上面的代码中，我们通过 `editable` 属性来控制选项卡是否可编辑。当 `editable` 为 `true` 时，选项卡的内容变为可编辑的 `el-input` 组件。需要注意的是，当 `editable` 为 `true` 时，`el-tab-pane` 组件内只能包含一个直接子元素。