如何在标签（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。