为了账号安全,请及时绑定邮箱和手机立即绑定

【九月打卡】第16天 Vue3 + TS 仿知乎专栏企业级项目

标签:
Vue.js

课程名称2022全面升级. Vue3 + TS 仿知乎专栏企业级项目

课程章节7-7 使用vuex action 发送异步请求第二部分,7-8 CreatePost 页面 ColumnId 类型报错的解决方案

主讲老师:张轩

课程内容:

利用actions发送异步请求,解决请求到的数据带来的报错

课程收获:

这节课主要就是巩固一下利用store里面仓库的actions发送异步请求,因为以前的数据是写死的,现在需要通过接口来获取,那么接口请求到的数据跟之前写死的数据难免会有一些不一样的地方,所以现在就需要对接口返回的数据进行一个类型校验,改一下之前的类型校验,这时候去回顾 CreatePost 页面的话,由于 ColumnProps 对应的更新,这里的 CreatePost页面 暂时没有同时更新(由于现在不会用到该功能,但是以后升级 CreatePost 的时候我们会修改这些代码)根本原因就是类型不匹配,由于在 ColumnProps 中我们把 id 修改成了 _id,类型成了 string,columnId 修改为了 column,类型变成了 string当然这个创建文章页面这样修改以后,暂时会没发工作,创建成功以后跳转到对应的 column 也没有数据,这是因为我们接入了真实的后端数据,假数据暂时会有问题,等到后面用接口真实的创还能数据后姐没有问题了

https://img1.sycdn.imooc.com//632a69ed00010e4617800903.jpg

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
1
获赞与收藏
3

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消