如何在页签(element-ui)中获取键值？

Question

如何在单击每个选项卡时获取键值？我可以使用obj.label来获取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

您需要在代码中使用此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。

Answer 2

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

或者，如果您只需要使用=> this.$vnode.key