如何vue $refs获取id的值？

Question

我在看到的控制台是{},不知道如何获得id的值?如何得到$refs的id值，但是我尝试使用console.log(this.$refs.dataInfo.id)来打印id值，得到的是undefined.
javascript文件：

console.log(this.$refs.dataInfo.id)

html文件：

<tab-item v-for="item in category" :id="item.id" ref="dataInfo">{{item.name}}</tab-item>

看看图片：

Answer 1

控制台{}代表打印的是一个对象，你的问题解决办法：
console.log(this.$refs.branid[0].$el.id)

Answer 2

console.log(this.$refs.dataInfo[0].id)