获取element tabs中绑定的js数据

在Element UI中，el-tabs 组件用于创建标签页，你可以通过 Vue 实例中的数据绑定来获取当前激活的标签页的相关数据。

以下是一个简单的例子，展示了如何获取绑定到 el-tabs 中的数据：

<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="用户管理" name="first" :data="userData">用户管理内容</el-tab-pane>
    <el-tab-pane label="配置管理" name="second" :data="configData">配置管理内容</el-tab-pane>
  </el-tabs>
</template>
 
<script>
  export default {
    data() {
      return {
        activeName: 'first',
        userData: { /* 用户数据 */ },
        configData: { /* 配置数据 */ },
      };
    },
    methods: {
      handleClick(tab, event) {
        // 通过 event.target 或 tab 访问绑定的数据
        console.log(tab.data);
      }
    }
  };
</script>

在这个例子中，activeName 是绑定到 el-tabs 的 v-model 上的，它代表当前激活的标签页的 name 属性。handleClick 方法会在标签页被点击时触发，你可以在这个方法中通过 event.target.dataset.data 或者 tab.data 来获取当前标签页绑定的数据。

请注意，:data="userData" 是自定义属性的用法，它将数据绑定到了 el-tab-pane 组件上，并可以在 handleClick 方法中通过 event.target.dataset.data 访问。这里的 data 是自定义属性的名称，你可以根据实际需求来命名。