addobj consolelogobjmname thiseditableTabsValue = objmname; el-submenu index=1 template slot=titlei class=el-icon-m

根据提供的代码片段，您的代码似乎缺少一个关键的部分：editableTabs 和 editableTabsValue。这些变量应该是您的标签页组件中的数据，用于维护可编辑标签页的状态。

在 add 方法中，您设置了 this.editableTabsValue = obj.mname; 来更新 editableTabsValue 的值，但是我们无法确定您是否正确地使用了 editableTabs 和 editableTabsValue。

请确保您在标签页组件中正确地设置了 editableTabs 和 editableTabsValue，并将其传递给子组件 el-menu。此外，还需要确保您正确绑定了 editableTabsValue 到 el-tabs 的 value 属性上。

这是一个示例的标签页组件代码，您可以根据您的实际需求进行调整：

<template>
  <div>
    <el-tabs v-model="editableTabsValue" type="card">
      <el-tab-pane
        v-for="tab in editableTabs"
        :key="tab.mname"
        :label="tab.mname"
        :name="tab.mname"
      >
        <!-- 标签页内容 -->
      </el-tab-pane>
    </el-tabs>
    <el-menu
      @click="add"
      mode="horizontal"
      :default-active="editableTabsValue"
    >
      <el-submenu index="1">
        <template slot="title"><i class="el-icon-message"></i>导航一</template>
        <el-menu-item index="1-1">角色</el-menu-item>
        <el-menu-item index="1-2">选项2</el-menu-item>
      </el-submenu>
    </el-menu>
  </div>
</template>

<script>
export default {
  data() {
    return {
      editableTabs: [], // 可编辑的标签页数据
      editableTabsValue: "" // 当前选中的标签页名称
    };
  },
  methods: {
    add() {
      const tab = {
        mname: "角色",
        mid: 2,
        url: "http://www.baidu.com"
      };
      this.editableTabs.push(tab); // 将新标签页添加到数组中
      this.editableTabsValue = tab.mname; // 更新选中的标签页名称
    }
  }
};
</script>

请根据您的实际情况进行适当调整，确保 editableTabs 和 editableTabsValue 正确地与您的标签页组件绑定，以便能够正确显示和选中新增的标签页。