如何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>

看看图片：