Javascript 单击后从表中获取项目

Javascript 单击后从表中获取项目,javascript,vue.js,Javascript,Vue.js,我正在使用vue引导,我想从表中的单击行接收项目 我已经创建了table和clickmeRow方法来处理ClickItem <b-table-lite hover :items="items" @row-clicked="clickmeRow(item)" /> 当我单击时,在控制台中我有:未定义 单击后,您能帮助我从表中检索项吗?原因不是未定义是因为您正在使用项变量在模板中编写调用函

我正在使用vue引导,我想从表中的单击行接收项目

我已经创建了table和clickmeRow方法来处理ClickItem

<b-table-lite 
        hover
        :items="items"
        @row-clicked="clickmeRow(item)"
    />
当我单击时,在控制台中我有:未定义


单击后,您能帮助我从表中检索项吗?

原因不是
未定义
是因为您正在使用
变量在模板中编写调用函数,该变量未定义。 默认情况下,该项传递给该方法,因此您只需编写
@row clicked=“clickmeRow”

参考:

newvue({
el:“#应用程序”,
数据(){
返回{
项目:[{
年龄:40,,
名字:“迪克森”,
姓:“麦克唐纳”
},
{
年龄:21岁,
名字:“拉森”,
姓:“肖”
},
{
年龄:89,
名字:“日内瓦”,
姓:“威尔逊”
},
{
年龄:38,
名字:“Jami”,
姓:“卡尼”
}
]
}
},
方法:{
onRowClicked(项目、索引、事件){
console.log(“Index”,Index)
控制台日志(“项”,项);
}
}
})


谢谢,索引是可以的,但是'item'是:{ob:Observer},如何从中获取item名称?这是item对象,它只是在折叠时向您显示Observer。如果单击控制台中的小
箭头
展开对象,则应该可以看到item对象的属性。类似于Ok,但如果我只想在控制台中显示第一个名称(如果我单击行中的第一个名称)?
console.log(item.first\u name)
?我不确定我是否完全理解这个问题。
clickmeRow(item) {
  console.log(item)
}