Vue.js 单击链接时从Velocity animate获取id值

Vue.component（'accordion'{
模板：“#手风琴”，
道具：['items']，
方法：{
openItem：函数（项）{
item.isopen=！item.isopen
},
setClass:函数（项）{
如果（item.isopen==true）{
返回“打开”
}
返回“关闭”
},
输入：函数（el，done）{
速度（el，'slideDown'，{持续时间：400，
放松：“放松”}，
{完成：完成}）
},
离开：功能（el，完成）{
速度（el，'滑动'，{持续时间：400，
放松：“放松”}，
{完成：完成}）
},
}, 
})
var app=新的Vue({
el:“#包装器”，
数据：{
项目：[{
id:1，
标题：“竞争法”，
内容：“Schärer律师就不正当竞争和反托拉斯法问题向您提供咨询和代表，例如，公司合并、反托拉斯调查和起草分销协议。”，
伊索彭：错
}, {
id:2，
标题：“宪法、社区和行政法”，
内容：“民法规定了私人、个人社区和公司之间的合同相对性。另一方面，宪法、社区和行政法涉及私人和社区部门（联邦、州、社区、社区协会）之间的法律关系Schärer律师事务所的专家担任私人和社区的顾问和顾问，并代表他们参与反对和上诉的法律程序。”，
伊索彭：错
},
{
id:3，
标题：“建筑、规划和环境法”，
内容：“我们在建筑、规划和环境法领域的专家为建筑商、规划师和建筑师、公司、受影响的邻近社区和社区协会提供咨询和代表：”，
伊索彭：错
}]
}
})

@import'https://fonts.googleapis.com/css?family=Cantata+一个| Noto+Sans:400400i、700700i和子集=拉丁扩展'；
李{
列表样式：无；
光标：指针；
字体：22px/48px“康塔塔一号”，衬线；
}
李>司{
字体：14px/22px“无衬线”；
垫底：20px；
}
.项目{
溢出：隐藏；
宽度：600px；
}
.箭盒{
宽度：10px；
高度：10px；
过渡：全部3秒；
垫底：0px；
位置：绝对位置；
利润率：20px 0px 0px-15px；
}
.arrow\u box:之后，.arrow\u box:之前{
边框：实心透明；
内容：“；
位置：绝对位置；
}
.箭头框：在{
边框宽度：5px；
}
.箭头框：在{
左边框颜色：#000；
边框宽度：5px；
}
.arrow_框--打开{
变换：旋转（90度）；
变换原点：50%50%；
}

{{item.title}
{{item.content}

“我试图在enter方法中添加console.log（el.id），但它是空的”

它是空的，因为

enter

方法没有将

项作为参数接收

“单击链接时如何获取items id属性？”

openItem

方法接收

item

作为参数，您可以在那里

console.log（item.id）

并使用id执行任何操作

如果确实需要在

enter

方法中使用id，则可能需要将id添加为过渡元素中的id、引用、类或数据集属性，以便可以从

el

参数访问它