logo

该视频仅会员有权观看

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

¥
199
/ 年

在 Nuxt 应用里实现删除内容

  • 打开内容列表页面组件并添加删除小图标
  • 设置删除图标的src值为delete.svg和alt属性为"删除内容"
  • 绑定点击事件处理器thePost,接受参数postId
  • 在脚本中定义删除方法delete,接收number类型的postId参数
  • 使用async标记delete方法,并在方法内await调用fetch接口,URL为'post',加上postId
  • 设置HTTP请求方法为delete符合接口要求
  • 删除内容后执行refresh以重新获取内容列表
  • 测试功能,点击删除图标会调用delete方法删除内容