Javascript VUE：如何将多个选项卡绑定到一个组件，并让它只激活一次？

我可以通过SpringBoot返回的结果动态创建这些选项卡。 比如说，生成了3个选项卡

现在，我将一个组件绑定到这些生成的选项卡

但是，一旦我单击其中一个选项卡，该组件将同时激活3次

我是否可以在单击选项卡时只激活组件一次

该组件是固定的，因此无论单击哪个选项卡，它都会被激活3次

//这是生成选项卡详细信息的地方：

 for (let i = 0; i < logData.length; i++) {
      let log = logData[i];

          let newTabName = ++this.tabIndex + '';

          this.accCopFinanceSheetEditTabs.push({
            title: log.sheetName,
            name: newTabName,
            content: 'accCopFinanceSheetEdit'
          });
        }

for（设i=0；i

//这是为了将组件绑定到所有选项卡

  <el-tab-pane
    v-for="(item, index) in accCopFinanceSheetEditTabs"
    :key="item.name"
    :label="item.title"
    :name="item.name"
  >
    <accCopFinanceSheetEdit v-bind:copFinanceSheetEditInfo="copFinanceSheetEditInfo"></accCopFinanceSheetEdit>
  </el-tab-pane>

您能展示一下您所做工作的代码片段以便更好地帮助您吗？thx，我已经更新了问题，请返回查看；）