Laravel 在vuejs中评论帖子时禁用循环中的所有textarea

每当我想通过点击评论按钮发表评论时，post的所有文本区域都会一次打开，如何一次只打开一个文本区域

//这里是视图
@{{post.content}
评论
@{{comment.content}
评论
var app=新的Vue({
el:“#应用程序”，
数据（）{
返回{
员额：[]，
commentdata:{}，
评论：错，
};
},
});很难理解您想要做什么，但即使我试图给您举个例子，我希望这能对您有所帮助


const posts=[
{
id:1，
标题：“职位1”，
正文：“Lorem ipsum door sit amet，duo soleat ancillae te.Illum luptatum no eum，eu有一个永久性的原子库。所有的利益都必须满足。所有的利益都必须满足。”，
评论：[]
},
{
id:2，
标题:"邮政2",，
文字：“Mel ad iusto homero，id duo soleat ACCOMODARE。粗暴的暴晒会导致东北部的theophrastus。通常情况下，这是一种知识产权。这是一种永久性的定义。”，
评论：[]
},
{
id:3，
标题：'Post text 3'，
正文：“他的观点是：他的观点是正确的，知识产权的争论是正确的。他的观点是正确的，是正确的。他的观点是正确的，是正确的。他的观点是正确的。他的观点是正确的。他的观点是正确的。他的观点是正确的。他的观点是正确的，
评论：[]
},
]
新Vue({
el:“#应用程序”，
数据：函数（）{
返回{
帖子，
选中：空，
评论：“”
}
},
方法：{
openPost:函数（postID）{
this.selected=posted
},
saveComment:function（）{
如果（此注释）{
this.posts=this.posts.map（post=>{
如果（post.id==this.selected）{
const comments=[…post.comments，this.comment]
日志（“注释”，注释）
返回{…后，
评论
}
}
回程站
})
this.comment=“”
this.selected=null
}
},
closePost:function（）{
this.selected=null
}
},
})
#应用程序{
填充：40px 30px 10px；
}
#应用程序发布列表{
列表样式：无；
}
#app.post列表li{
边框：1px实心#337ab7；
填充：15px；
边界半径：5px；
边缘底部：10px；
}
#app.post列表li.title包装器{
显示器：flex；
证明内容：之间的空间；
}
#app.post list li.post body.post wrapper{
填充：10px；
}
#app.post list li.post body.post wrapper.post title{
颜色：#337ab7；
}
#app.post list li.post body.post wrapper.post list{
列表样式：无；
}
#app.post list li.post body.text wrapper{
填充：10px；
}
#app.post list li.post body.text wrapper.label{
颜色：#337ab7；
右边距：20px；
}
#app.post list li.post body.comment wrapper{
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
最大宽度：300px；
}
#app.post list li.post body.comment wrapper.comment title{
宽度：100%；
左边距：20px；
文本对齐：左对齐；
颜色：#337ab7；
}
#app.post list li.post body.comment wrapper.btn{
背景色：#337ab7；
颜色：白色；
边缘顶部：10px；
最大宽度：200px；
}



{{post.title}
正文：
{{post.text}
帖子：

{{comment}

评论：
保存评论


很难理解你想做什么，但即使我试着给你举个例子，我希望这能对你有所帮助


const posts=[
{
id:1，
标题：“职位1”，
正文：“Lorem ipsum door sit amet，duo soleat ancillae te.Illum luptatum no eum，eu有一个永久性的原子库。所有的利益都必须满足。所有的利益都必须满足。”，
评论：[]
},
{
id:2，
标题:"邮政2",，
文字：“Mel ad iusto homero，id duo soleat ACCOMODARE。粗暴的暴晒会导致东北部的theophrastus。通常情况下，这是一种知识产权。这是一种永久性的定义。”，
评论：[]
},
{
id:3，
标题：'Post text 3'，
正文：“他的观点是：他的观点是正确的，知识产权的争论是正确的。他的观点是正确的，是正确的。他的观点是正确的，是正确的。他的观点是正确的。他的观点是正确的。他的观点是正确的。他的观点是正确的。他的观点是正确的，
评论：[]
},
]
新Vue({
el:“#应用程序”，
数据：函数（）{
返回{
帖子，
选中：空，
评论：“”
}
},
方法：{
openPost:函数（postID）{
this.selected=posted
},
saveComment:function（）{
如果（此注释）{
this.posts=this.posts.map（post=>{
如果（post.id==this.selected）{
const comments=[…post.comments，this.comment]
日志（“注释”，注释）
返回{…后，
评论
}
}
回程站
})
this.comment=“”
this.selected=null
}
},
closePost:function（）{
this.selected=null
}
},
})
#应用程序{
填充：40px 30px 10px；
}
#应用程序发布列表{
列表样式：无；
}
#app.post列表li{
边框：1px实心#337ab7；
填充：15px；
边界半径：5px；
边缘底部：10px；
}
#app.post列表li.title包装器{
显示器：flex；
证明内容：之间的空间；
}
#app.post list li.post body.post wrapper{
填充：10px；
}
#应用程序后列表l