Vue.js 如何在v-for中以DOM元素为目标

上下文：我创建了一个小型社交网络来发现vue.js。 在时间轴页面上，我有帖子和评论（问题是评论）

实际上，我显示了所有的注释，现在我想通过Hidecomments按钮只显示最后两条注释，隐藏所有其他注释

我想使用CSS类来隐藏它们

我无法在“入口范围”中执行函数，并且在文档中找不到关于该点的任何信息

代码：

第一点：我有一个向我发送信息的API

module.exports={
数据：函数（）{
返回{
时间线：[]
}
},
方法：{
displayMoreComments:function（）{
}
},
安装的（）{
让自我=这个；
获取（test.ajax_url+'/get_timeline'{
方法：“POST”，
凭据：“包括”，
标题：{
“数据类型”：“json”，
“type”：“post”
}
})
.then（功能（数据）{
self.timeline=数据；
});
},
}

{{entry.content}

{{comments.content}

我没有试过，但这应该可以用

在vue数据中添加变量以管理注释可见性

data:function（）{
返回{
无成分：假；
}
},

然后将按钮设置为切换可见性

最后，使用v-if检查新变量的值。如果注释被隐藏，只需检查当前注释是否是最后两个注释之一

{{comments.content}

重要提示：请记住在v-for中添加索引