如何获取标签中的键值（element-ui）？

Question

如何在单击每个选项卡时获取键值？我可以使用 obj.label 获取标签，但不能使用 obj.key 获取密钥。如何？以下代码供参考。

<el-tabs tab-position="left" @tab-click="handleClick">
  <el-tab-pane v-for="u in planner" :label="u.name" :key="u.id" >&nbsp;</el-tab-pane>
</el-tabs>

handleClick(obj, e) {
  console.log(obj.label)  
  console.log(obj.key)  
},

Answer 1

key是Vue中的一个特殊属性。您应该将属性重命名为其他名称。

否则，如果您只需要使用它 => this.$vnode.key

Answer 2

您需要在代码中用此 obj.$vnode.key 替换您的行才能访问您的键值。

只需像这样替换您的代码即可。

<el-tabs tab-position="left" @tab-click="handleClick">
  <el-tab-pane v-for="u in planner" :label="u.name" :key="u.id" >&nbsp;</el-tab-pane>
</el-tabs>

handleClick(obj, e) {
  console.log(obj.label)  
  console.log(obj.$vnode.key)  
},

这是一个有效的 example。

如何获取标签中的键值（element-ui）？

How to get key value in tab (element-ui)?

vue.js

element-ui