iview Tabs 标签点击事件获取 name 属性方法
要获取 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 组件。具体的代码和操作步骤可能因你使用的技术栈或框架而有所不同。
原文地址: https://www.cveoy.top/t/topic/g6C 著作权归作者所有。请勿转载和采集!