如何能够编辑和删除卡中的内容？Laravelvue.js

我正在建立一个包含评论和答复的讨论论坛，我曾经将它们显示在表格中，但是我已经进行了更改，现在使用卡片来显示它们，如下所示：

这是我可以正确显示答复的信息，但是现在我不确定如何删除或编辑用户所作的评论，或答复其他评论。请注意，我没有显示“回复”按钮，但在父评论上会有一个。我不确定如何编写回复逻辑。

这是功能性的vue.js代码，用于删除表行，编辑表行并进行回复。我正在使用对话框来获取用户输入。

10:06:34,775 INFO [org.jboss.as.jsf] (ServerService Thread Pool -- 55) WFLYJSF0007: activated the following JSF Implementations: [main]
....
10:07:09,505 WARN [org.jboss.as.jsf] (MSC service thread 1-1) WFLYJSF0005: Unknown JSF version 'NONE'. Default version 'main' will be used instead.


web.php上的路由

openreply(row) {
this.dialogReplyVisible = true;
this.parent = row;
},edit(model) {
this.mode = 'Editar';
this.form = _.cloneDeep(model);
this.dialogFormVisible = true;
},remove(row) {
this.$confirm('Desea borrar este Comentario? Esto es permanente.','Advertencia',{
confirmButtonText: 'Si',cancelButtonText: 'Cancelar',cancelButtonClass: 'el-button--info',confirmButtonClass: 'el-button--warning',type: 'warning'
}).then(() => {
this.loading = true;
this.$inertia.delete(this.baseUrl + '/' + row.id)
.then(
() => {
this.$message({
type: 'success',message: 'Eliminado correctamente.'
});
this.comments = this.$page.comments;
this.loading = false
},(res) => {
this.$message.error(parseError(res)[0]);
this.loading = false;
}
)
})
},

这些是调用这些方法的按钮

Route::post('comments/update/{id}','ReplyController@update');
Route::post('comments/reply','ReplyController@replyStore');
Route::post('comments/reply/update/{id}','ReplyController@replyUpdate');
Route::resource('comments','ReplyController'); //this does the store and delete


其他相关数据是其尝试克隆的形式和基本URL

所以，我的最后一个问题是如何更改那些编辑，删除和回复功能，以使其可用于卡片而不是表格。

  

编辑：我使删除功能正常工作

代码本身仍然很好，我只是需要通过发送作为参数来更改。我不知道它要的df = df.drop_duplicates()
基本上只是一个对象，所以我只是通过想要发送的对象进行编辑和回复，对于删除，我只是通过了id并更改了帖子

model

到

this.$inertia.delete(this.baseUrl + '/' + row.id)


我本来也可以通过发送对象，因为无论如何发送该对象时，它都会使用id。

带有新参数的按钮

this.$inertia.delete(this.baseUrl + '/' + id)


这是

comment

要编辑和删除回复，我只需发送{
"id":8,"user_id":24,"discussion_forum_id":1,"parent_id":null,"comment":"adsfadsfasdf","comment_time":"2019-12-03 14:55:09","created_at":null,"updated_at":null,"user":{
"id":24,"name":"Vinny Ridley","card":"12353","scard":"97524","user_type_id":4,"email":"v@email.com","created_at":"2019-12-02 13:07:37","updated_at":"2019-12-02 13:07:37"
},"replies":[
]
}
或reply即可。希望这对遇到相同或相似问题的人有所帮助。