vdom堆栈(Vue deno oak mongodb)Crud示例– Part 3

0

vdom堆栈(Vue deno oak mongodb)Crud示例

在我们的最后两篇文章中,我们了解到了 创建和获取联系人 VDOM堆栈应用中的详细信息。在本文中,我们将实施剩余的编辑和删除该克鲁德系列的一部分。

VDOM堆栈(Vue Deno Oak MongoDB)Crud示例 - 第3部分
vdom堆栈(Vue deno oak mongodb)Crud示例– Part 3

添加编辑联系人概念 接触.Ts. in model folder


在控制器中创建EditContact函数


添加编辑联系路由:


现在它’是在编辑组合的ui部分工作的时候。


更新 Contact - VDOM stack
更新 Contact – VDOM stack

现在它’是时候更新联系人了。添加以下代码 接触.Ts. in model.


现在在控制器中添加更新联系人。


添加 修补 路线 接触.Ts. inside routes folder


接下来的是添加更新方法 EditComponent.vue.


现在,完成此堆栈的更新部分已完成。现在它’在我们的应用程序中完成我们最后的删除功能的时间。

创建DeleteContact 楷模>contact.ts


模型后,在Contacts.Ts控制器中添加DeleteContact方法


现在在路由中启用删除链接


最后完成删除按钮 接触Component.vue.


等待!你打电话给删除服务吗?不,那么你的删除如何工作。让我完成最后一段代码。

添加 删除contact. 方法 接触Componet.vue.


此代码的视频:

正如我告诉你的那样,这个系列的源代码。

0
概括
VDOM堆栈(Vue Deno Oak MongoDB)Crud示例 - 第3部分
文章名
vdom堆栈(Vue deno oak mongodb)Crud示例– Part 3
描述
在VDOM Stack应用程序中创建和获取联系人详细信息。在本文中,我们将实现剩余的编辑和删除部分。
作者
出版商名称
DAS JS.
出版商标志