logo

该视频仅会员有权观看

立即开通课程「Nuxt.js 前端应用开发实践」权限。

¥
199
/ 年

在 Nuxt 应用里实现创建内容

  • 准备一个名为 create.view 的内容创建页面,并放在 pay 目录下。
  • 页面包含一个表单 form,绑定 submit 事件并防止默认行为。
  • 表单内包含 input 类型为 text 的属性,用 v-model 绑定标题数据 title,和 textarea,用 v-model 绑定内容数据 content
  • 添加一个 button 按钮,类名为 primary,点击触发 create post 方法。
  • 页面标题通过 use head 设置,并准备了 titlecontent 的空字符数据。
  • create post 函数会输出 titlecontent 的值,并处理异步请求,使用 use api fetch 发送 POST 请求,并在成功后清空标题和内容表单数据。
  • 如果当前用户存在,显示一个链接元素指向创建内容页面。
  • 测试功能时,通过填写表单并发布,可以在后端数据库 post 表中看到新创建的内容。