要获取 iview Tabs 标签被点击的标签 name,你可以使用 iview 提供的 `@on-click` 事件,并在事件处理方法中获取标签的 name 属性。以下是一个示例代码:

<template>
  <Tabs @on-click="handleTabClick">
    <Tab-pane name="tab1" label="Tab 1">
      <!-- Tab 1 内容 -->
    </Tab-pane>
    <Tab-pane name="tab2" label="Tab 2">
      <!-- Tab 2 内容 -->
    </Tab-pane>
  </Tabs>
</template>

<script>
export default {
  methods: {
    handleTabClick(tabName) {
      console.log('点击的标签 name:', tabName);
      // 在这里可以对点击的标签进行处理
    }
  }
};
</script>

在上述示例中,我们使用了 `Tabs` 组件,并通过 `@on-click` 事件监听标签的点击事件。在 `handleTabClick` 方法中,我们通过参数 `tabName` 获取到了被点击标签的 name 属性,并进行相应的处理。你可以根据自己的需求在该方法中进行进一步的操作。

请注意,以上示例假设你已经正确引入了 iview 的 Tabs 组件,并确保在父组件中已注册了 Tabs 组件。具体的代码和操作步骤可能因你使用的技术栈或框架而有所不同。

iview Tabs 标签点击事件获取 name 属性方法

原文地址: https://www.cveoy.top/t/topic/g6C 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录