Vue.js 如何在选项卡(元素ui)中获取键值?

Vue.js 如何在选项卡(元素ui)中获取键值?,vue.js,element-ui,Vue.js,Element Ui,如何在单击每个选项卡时获取键值?我可以使用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> h

如何在单击每个选项卡时获取键值?我可以使用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)  
},

把手舔(obj,e){
控制台日志(对象标签)
控制台日志(对象键)
},

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


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

那么您需要在代码中用this
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)  
},

把手舔(obj,e){
控制台日志(对象标签)
console.log(对象$vnode.key)
},
这是一张工作票