elementUi问题总结一tabs标签页

设置第一个标签不能关闭，其余的都能关闭

• el-tab-pane添加:closable=“item.close”

<template>
    <el-tabs v-model="editableTabsValue" type="border-card" @tab-remove='tabs_remove'>
      <el-tab-pane 
        :key="item.name" 
        v-for="(item, index) in editableTabs" 
        :label="item.title" 
        :name="item.name" 
        :closable="item.close"
      >
        <iframe :src="item.content" style="width:100%;height:800px;border:none;"></iframe>
      </el-tab-pane>
    </el-tabs>
  </template>

• 需要关闭的加close: ‘closable’，不需要关闭的不加

data: function() {
        // return { visible: false }
        return {
          editableTabsValue: '1',
          editableTabs: [{
            title: 'TabTabTabTabTabTabTabTabTabTabTabTabTabTabTabTab 1',
            name: '1',
            content: 'https://www.hao123.com/'
          }, {
            title: 'Tab 2',
            name: '2',
            content: 'http://www.baidu.com',
            close: 'closable'
          }]
        };
      },